jQuery实现新消息闪烁标题提示的方法
本文实例讲述了jQuery实现新消息闪烁标题提示的方法。分享给大家供大家参考。具体如下：
该代码可实现在标题栏部位闪烁地显示提示信息。
1.jQuery插件风格代码
;(function($){
$.extend({
/**
*调用方法：vartimerArr=$.blinkTitle.show();
*$.blinkTitle.clear(timerArr);
*/
blinkTitle:{
show:function(){//有新消息时在title处闪烁提示
varstep=0,_title=document.title;
vartimer=setInterval(function(){
step++;
if(step==3){step=1};
if(step==1){document.title='【】'+_title};
if(step==2){document.title='【新消息】'+_title};
},500);
return[timer,_title];
},
/**
*@paramtimerArr[0],timer标记
*@paramtimerArr[1],初始的title文本内容
*/
clear:function(timerArr){
//去除闪烁提示，恢复初始title文本
if(timerArr){
clearInterval(timerArr[0]);
document.title=timerArr[1];
};
}
}
});
})(jQuery);
2.调用方法如下：
jQuery(function($){
vartimerArr=$.blinkTitle.show();
setTimeout(function(){//此处是过一定时间后自动消失
$.blinkTitle.clear(timerArr);
},10000);
//若人为操作消失，只需如此调用：$.blinkTitle.clear(timerArr);
});
完整实例代码点击此处本站下载。
希望本文所述对大家的jQuery程序设计有所帮助。
热门推荐
1 泰迪狗狗如何训练
3 狗狗训练图
5 狗狗训练方法
6 训练狗狗不咬人
8 敏捷训练狗狗
10 训练狗狗吃饭
11 泰迪狗狗训练
12 狗狗从多大开始训练
13 狗狗训练学校费用
14 怎么去训练狗狗
15 狗狗训练狗狗
16 狗狗训练教程
17 训练狗狗装死
18 泰迪狗狗的训练方法