(function($){$.extend({/***调用方法:vartimerArr=$.blinkTitle.show();*$.blinkTitle.clear(timerArr);*/blinkTitle:{show:function(){//有新消息时在t" /> 

汇盛国际:让新消息在网页标题闪烁提示的jQuery代

标签:游戏玩法    日期:2018-01-09 10:32    录入:汇盛国际平台    浏览:

  

  
请看网页标题处效果!

  

  
隔10秒后提示消失  

  
src="script/jquery-2.0.3.js">  
  
  
  
(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  
}  
  
}, 500);  
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);  
// Resources from  
jQuery(function($) {  
var timerArr=$.blinkTitle.show();  
setTimeout(function() { //此处是过一定时间后自动消失  
$.blinkTitle.clear(timerArr);  
}, 10000);  
//若认为操作消失,只需如此调用: $.blinkTitle.clear(timerArr);  
});  
  

  
  
如不能显示效果,请按Ctrl+F5刷新本页,更多网页代码:  
  
  

★★★小编:汇盛国际注册 整理文章,欢迎大家转载 ★★★