demo展示HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>让网页的Title标题文字滚动显示效果</title> </head> <body bgcolor="#ffffff" onload="newtext()"> <script language=javascript> var text = document.title var timerID function newtext() { clearTimeout(timerID) document.title = text.substring(1, text.length) + text.substring(0, 1) text = document.title.substring(0, text.length) timerID = setTimeout("newtext()", 100) } </script> </body> </html>
demo展示2HTML
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="UTF-8"/> <title>JS实现title标题闪烁提示信息</title> </head> <body> <script type="text/javascript"> _record = 0; var myTitle = document.title; function titleBlink() { _record++; if(_record == 3) { //当变量_record累加到3是,将其赋值为1。相当于无限循环。 _record = 1; } if(_record == 1) { document.title = '【 】' + myTitle; } if(_record == 2) { document.title = '【新消息】' + myTitle; } setTimeout("titleBlink()", 500); //调节时间,单位毫秒。 } titleBlink(); </script> </body> </html>