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

瀏覽器標題欄閃爍效果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

贊助商鏈接:

主站蜘蛛池模板： 龙游县| 张北县| 北京市| 车致| 兴化市| 江山市| 扶余县| 阆中市| 天津市| 黄浦区| 页游| 九江县| 富川| 晋州市| 拜城县| 通道| 稷山县| 青阳县| 湖北省| 海阳市| 淅川县| 石楼县| 清水河县| 绥德县| 响水县| 鸡泽县| 甘德县| 泽普县| 沙田区| 新干县| 蕉岭县| 梓潼县| 冕宁县| 黑水县| 宿州市| 吉安县| 抚宁县| 宕昌县| 准格尔旗| 宜宾县| 库伦旗|