转自:https://www.cnblogs.com/pipixiaolaohu/p/7890378.html
1.http://www.qdfuns.com/notes/44322/c0f113eae21acef5c8c109408e8be641.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> </head> <body> <button id='shiftBtn' type="button" name="button">开关</button> <script src='http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js'></script> <script type="text/javascript"> $(function(){ var timeout=true; var count=0; var titleOrigin=''; var running=0; $('#shiftBtn').on('click',function(){ if(count==0){ titleOrigin=$('title',window.top.document).html(); $('title',window.top.document).html('【有新提醒】'+titleOrigin); count++; } if(timeout){ timeout=false; }else{ timeout=true; } if(running)return; time(); }) function time() { running=1; if(timeout) { $('title',window.top.document).html(titleOrigin); count=0; running=0; return; } Method(); setTimeout(time,500); //time是指本身,延时递归调用自己,500为间隔调用时间,单位毫秒 } function Method(){ var titlePre=$('title',window.top.document).html().match(/\【[\s\S]*\】/)[0]; var titleafter=$('title',window.top.document).html().replace(titlePre,''); if(titlePre=='【有新提醒】'){ $('title',window.top.document).html('【    】'+titleafter) }else{ $('title',window.top.document).html('【有新提醒】'+titleafter) } } }) </script> </body> </html>
2.http://www.daimajiayuan.com/sitejs-8083-1.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" οnlοad="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>
3.http://www.jb51.net/article/73794.htm
<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>
5.http://www.divcss5.com/jiqiao/j510.shtml title属性换行