1. <span style="font-size: medium;"><html>  
    3. <head>  
    4.     <title>JS效果-浏览器标题栏闪烁</title>  
    5.     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />  
    7.     <script type="text/javascript">   
    9.     // 使用message对象封装消息  
    10.     var message={   
    11.         time: 0,   
    12.         title: document.title,   
    13.         timer: null,   
    15.         // 显示新消息提示   
    16.         show:function(){   
    17.             var title = message.title.replace("【　　　】", "").replace("【新消息】", "");  
    18.             // 定时器，设置消息切换频率闪烁效果就此产生   
    19.             message.timer = setTimeout(  
    20.                 function() {   
    21.                     message.time++;  
    22.                     message.show();   
    24.                     if (message.time % 2 == 0) {   
    25.                         document.title = "【新消息】" + title   
    26.                     }  
    27.                     else{   
    28.                         document.title = "【　　　】" + title   
    29.                     };   
    30.                 },   
    31.                 600 // 闪烁时间差  
    32.             );   
    33.             return [message.timer, message.title];   
    34.         },   
    36.         // 取消新消息提示   
    37.         clear: function(){   
    38.             clearTimeout(message.timer);   
    39.             document.title = message.title;   
    40.         }   
    41.     };   
    43.     message.show();   
    45.     // 页面加载时绑定点击事件，单击取消闪烁提示  
    46.     function bind() {  
    47.         document.onclick = function(){  
    48.             message.clear();   
    49.         };   
    50.     }   
    52.     </script>  
    54. </head>  
    56.     <body onload="bind();">  
    57.         点击页面取消消息闪烁提示  
    58.     </body>  
    60. </html></span>