成人午夜激情影院,小视频免费在线观看,国产精品夜夜嗨,欧美日韩精品一区二区在线播放

瀏覽器標題欄閃爍效果JavaScript代碼

2011-01-07 23:54:39來源：作者：

最近看到很多web游戲的廣告都是瀏覽器標題欄閃爍效果，今天在WEB前端看到了這段代碼，正好就是這個效果，貼上來學習一下：

最近看到很多web游戲的廣告都是瀏覽器標題欄閃爍效果，今天在WEB前端看到了這段代碼，正好就是這個效果，貼上來學習一下：

JavaScript Code復制內容到剪貼板
  1. var newMessageRemind={   
  2. _step: 0,   
  3. _title: document.title,   
  4. _timer: null,   
  5. //顯示新消息提示   
  6. show:function(){   
  7. var temps = newMessageRemind._title.replace("【　　　】", "").replace("【新消息】", "");   
  8. newMessageRemind._timer = setTimeout(function() {   
  9. newMessageRemind.show();   
  10. //這里寫Cookie操作   
  11. newMessageRemind._step++;   
  12. if (newMessageRemind._step == 3) { newMessageRemind._step = 1 };   
  13. if (newMessageRemind._step == 1) { document.title = "【　　　】" + temps };   
  14. if (newMessageRemind._step == 2) { document.title = "【新消息】" + temps };   
  15. }, 800);   
  16. return [newMessageRemind._timer, newMessageRemind._title];   
  17. },   
  18. //取消新消息提示   
  19. clear: function(){   
  20. clearTimeout(newMessageRemind._timer );   
  21. document.title = newMessageRemind._title;   
  22. //這里寫Cookie操作   
  23. }   
  24.   
  25. };  

 

調用顯示新消息提示：newMessageRemind.show();

調用取消新消息提示：newMessageRemind.clear();

以下是Demo

HTML/XML Code復制內容到剪貼板
  1. <!DOCTYPE html>  
  2. <html>  
  3. <head>  
  4. <meta charset="utf-8" />  
  5. <title>標題新消息提示demo</title>  
  6.   
  7. </head>  
  8.   
  9. <body>  
  10. <a href="#" onclick="clearNewMessageRemind();return false;">點擊取消閃爍提示</a>  
  11. <script type="text/javascript">  
  12. var newMessageRemind={   
  13.  _step: 0,   
  14.     _title: document.title,   
  15.     _timer: null,   
  16.  //顯示新消息提示   
  17.  show:function(){   
  18.   var temps = newMessageRemind._title.replace("【　　　】", "").replace("【新消息】", "");   
  19.    newMessageRemind._timer = setTimeout(function() {   
  20.             newMessageRemind.show();   
  21.    //這里寫Cookie操作   
  22.             newMessageRemind._step++;   
  23.             if (newMessageRemind._step == 3) { newMessageRemind._step = 1 };   
  24.             if (newMessageRemind._step == 1) { document.title = "【　　　】" + temps };   
  25.             if (newMessageRemind._step == 2) { document.title = "【新消息】" + temps };   
  26.         }, 800);   
  27.         return [newMessageRemind._timer, newMessageRemind._title];   
  28.  },   
  29.  //取消新消息提示   
  30.  clear: function(){   
  31.   clearTimeout(newMessageRemind._timer );   
  32.   document.title = newMessageRemind._title;   
  33.   //這里寫Cookie操作   
  34.  }   
  35.       
  36. };   
  37. newMessageRemind.show();   
  38. function clearNewMessageRemind() {   
  39.  newMessageRemind.clear();   
  40. }   
  41. </script>  
  42.   
  43. </body>  
  44. </html>  

 原文：http://www.css88.com/archives/2963

贊助商鏈接:

主站蜘蛛池模板： 牡丹江市| 化隆| 故城县| 平武县| 宁都县| 永和县| 莎车县| 旺苍县| 临江市| 栖霞市| 长海县| 龙岩市| 瑞昌市| 富阳市| 兰坪| 丰宁| 徐水县| 全南县| 金堂县| 临桂县| 岢岚县| 襄樊市| 台湾省| 二手房| 汝阳县| 连江县| 新巴尔虎左旗| 广元市| 南城县| 星座| 娄烦县| 昂仁县| 镇赉县| 临泉县| 平湖市| 慈利县| 张家港市| 毕节市| 嘉禾县| 手游| 曲麻莱县|