引入jquery库文件:
Html代码  
  1. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>  

代码结构开始:
Javascript代码  
  1. (function($) {  
  2.   
  3.     $.extend({  
  4.         /** 
  5.          * 调用方法: var timerArr = $.blinkTitle.show(); 
  6.          *          $.blinkTitle.clear(timerArr); 
  7.          */  
  8.         blinkTitle : {  
  9.             show : function() { //有新消息时在title处闪烁提示  
  10.                 var step=0, _title = document.title;  
  11.       
  12.                 var timer = setInterval(function() {  
  13.                     step++;  
  14.                     if (step==3) {step=1};  
  15.                     if (step==1) {document.title='【   】'+_title};  
  16.                     if (step==2) {document.title='【新消息】'+_title};  
  17.                 }, 500);  
  18.                   
  19.                 return [timer, _title];  
  20.             },  
  21.               
  22.             /** 
  23.              * @param timerArr[0], timer标记 
  24.              * @param timerArr[1], 初始的title文本内容 
  25.              */  
  26.             clear : function(timerArr) {    //去除闪烁提示,恢复初始title文本  
  27.                 if(timerArr) {  
  28.                     clearInterval(timerArr[0]);   
  29.                     document.title = timerArr[1];  
  30.                 };  
  31.             }  
  32.         }  
  33.     });  
  34. })(jQuery);  
  35.       
  36. jQuery(function($) {  
  37.     var timerArr = $.blinkTitle.show();  
  38.       
  39.     setTimeout(function() {     //此处是过一定时间后自动消失  
  40.         $.blinkTitle.clear(timerArr);  
  41.     }, 10000);  
  42.       
  43.     //若认为操作消失,只需如此调用:   $.blinkTitle.clear(timerArr);  
  44. }); 

转载:http://anjor.iteye.com/blog/934111

    posted on 2011-05-16 22:19  生产力  阅读(631)  评论(0)    收藏  举报