js效果，标题闪烁

<title>JS效果-浏览器标题栏闪烁</title>  
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />  
   
     <script type="text/javascript">   
  
      // 使用message对象封装消息  
     var message = {  
         time : 1,  
         defaultTitle : document.title,  
        timer : null,  
   
          // 显示新消息提示  
         show : function() {  
            message.time++;  
              document.title=message.time%2==0?"【新消息】":"【　　　】";  
             document.title+=message.defaultTitle;  
             if (!message.timer) {  
                message.timer = setInterval("message.show()", 600);  
             }  
        },  
  
        // 取消新消息提示  
        clear : function() {  
            clearInterval(message.timer);  
            document.title = message.defaultTitle;  
         }  
     };  
  
    message.show();   
   
    // 页面加载时绑定点击事件，单击取消闪烁提示  
     function bind() {  
        document.onclick = function(){  
            message.clear();   
         };   
     }   
  
     </script>  
   
 </head>  
   
     <body onload="bind();">  
        点击页面取消消息闪烁提示   
    </body>  
  
 </html>

posted on 2012-09-05 08:42 Mr.lu 阅读(243) 评论(0)  编辑  收藏


只有注册用户登录后才能发表评论。
网站导航:
 
<2024年5月>
日一二三四五六
2829301234
567891011
12131415161718
19202122232425
2627282930311
2345678

导航

统计

常用链接

留言簿(2)

随笔档案

文章档案

搜索

最新评论

阅读排行榜

评论排行榜