欢迎来到天天文库
浏览记录
ID:30505004
大小:16.12 KB
页数:5页
时间:2018-12-30
《js实现网页标题栏闪烁提示效果实例分析》由会员上传分享,免费在线阅读,更多相关内容在应用文档-天天文库。
1、我真正系统地接触和学习党的基本知识是在这次中级党校的培训班上。通过学习,了解了党的发展历程,对党的性质、宗旨、任务等基本知识有了进一步的了解js实现网页标题栏闪烁提示效果实例分析 网页标题栏闪烁效果我们在一些聊天工具会常看到,像现在流量的聊天室,下面我们就来给大家总结一款实现网页标题栏闪烁提示代码,感兴趣可参考一下。 公司的项目中用到了这个新消息提示的效果,主要用于提示用户有新消息。具体实现代码如下: 代码如下: varnewMessageRemind={ _step:0, _title:document.title, _timer:null,
2、 //显示新消息提示 show:function(){ vartemps=newMessageRemind._title.replace("【 】","").replace("【新消息】",""); newMessageRemind._timer=setTimeout(function(){ newMessageRemind.show(); //这里写Cookie操作 newMessageRemind._step++; if(newMessageRemind._step==3){newMessageRemind._step=1};对党的认
3、识也有了进一步的提高。才真正体会到了中国共产党的伟大、光荣和正确,更感到只有中国共产党是全中国最广大人民利益的忠实代表我真正系统地接触和学习党的基本知识是在这次中级党校的培训班上。通过学习,了解了党的发展历程,对党的性质、宗旨、任务等基本知识有了进一步的了解 if(newMessageRemind._step==1){document.title="【 】"+temps}; if(newMessageRemind._step==2){document.title="【新消息】"+temps}; },800); return[newMessageR
4、emind._timer,newMessageRemind._title]; }, //取消新消息提示 clear:function(){ clearTimeout(newMessageRemind._timer); document.title=newMessageRemind._title; //这里写Cookie操作 } }; 调用显示新消息提示:newMessageRemind.show(); 调用取消新消息提示:newMessageRemind.clear(); 看了上面代码自己再进行优化一下,不管怎样,自己能吸收学习到就好了
5、。:)我主要是觉得他代码里面newMessageRemind这字段用得太多了,看起来密密麻麻的,多不舒服啊,想着换一种小清新的方式展现出来,于是乎就有了下面的代码:对党的认识也有了进一步的提高。才真正体会到了中国共产党的伟大、光荣和正确,更感到只有中国共产党是全中国最广大人民利益的忠实代表我真正系统地接触和学习党的基本知识是在这次中级党校的培训班上。通过学习,了解了党的发展历程,对党的性质、宗旨、任务等基本知识有了进一步的了解 代码如下: varnewMessageRemind=function(){ vari=0, title=document.t
6、itle, loop; return{ show:function(){ loop=setInterval(function(){ i++; if(i==1)document.title='【新消息】'+title; if(i==2)document.title='【 】'+title; if(i==3)i=0; },800); }, stop:function(){ clearInterval(loop); document.title=title; } };对党的认识也有了进一步的提高。才真正体会到了中国共产党的伟大
7、、光荣和正确,更感到只有中国共产党是全中国最广大人民利益的忠实代表我真正系统地接触和学习党的基本知识是在这次中级党校的培训班上。通过学习,了解了党的发展历程,对党的性质、宗旨、任务等基本知识有了进一步的了解 }(); 是不是清新了很多呢?^_^ 代码如下: 放假啦!!! stop varnewMessageRemind=function(){ vari=0, title=document.title, loop; return{ show:function(){ loop=setInterval(funct
8、ion(){ i++; if(i==1)docu
此文档下载收益归作者所有