★Javascript新消息闪烁标题提示代码★

请勿抄袭本页面

---

代码说明

注意其中调用方法中的timerArr变量，若你在前面调用代码显示了效果，在页面的后面代码中需要清楚该闪烁效果的话，需要注意timerArr变量的作用域。若只是出现效果而无需清楚，则可以直接调用$.hiro.blinkNews.show()。转自Hiro技术站

修改$.blinkTitle clear(timerArr);}, 50000);中的50000(即50秒)可改变消失时间

---

html代码

<script type="text/JavaScript" src="http://b.wodemo.com/distribution/229088/5d2e2af8994661e7456d67a0621a590e/7869765.4.2.min.js"></script> <script type="text/javascript"> ;(function($) { $.extend({ /** * 调用方法： var timerArr = $.blinkTitle.show(); * $.blinkTitle.clear(timerArr); */ blinkTitle : { show : function() { //有新消息时在title处闪烁提示 var step=0, _title = document.title; var timer = setInterval(function() { step++; if (step==3) {step=1}; if (step==1) {document.title='【　　　】'+_title}; if (step==2) {document.title='【新消息】'+_title}; }, 450);//提示信息闪动时间 return [timer, _title]; }, /** * @param timerArr[0], timer标记 * @param timerArr[1], 初始的title文本内容 */ clear : function(timerArr) { //去除闪烁提示，恢复初始title文本 if(timerArr) { clearInterval(timerArr[0]); document.title = timerArr[1]; }; } } }); })(jQuery); jQuery(function($) { var timerArr = $.blinkTitle.show(); setTimeout(function() { //此处是过一定时间后自动消失 $.blinkTitle.clear(timerArr); }, 50000);//设置为50秒后消失 //若认为操作消失，只需如此调用： $.blinkTitle.clear(timerArr); }); </script>

---

代码演示

看本窗口上面的标题栏，【新消息】的提示将在50秒后消失

---

[代码仅供参考，转载请注明出处]

---