首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

标题栏新消息揭示

2012-10-25 
标题栏新消息提示具体实现代码如下:view sourceprint?01 var newMessageRemind{02 _step: 0,03 _title: d

标题栏新消息提示

具体实现代码如下:
view sourceprint?01

var newMessageRemind={ 

02 _step: 0, 

03 _title: document.title, 

04 _timer: null, 

05 //显示新消息提示 

06 show:function(){ 

07 var temps = newMessageRemind._title.replace("【   】", "").replace("【新消息】", ""); 

08 newMessageRemind._timer = setTimeout(function() { 

09 newMessageRemind.show(); 

10 //这里写Cookie操作 

11 newMessageRemind._step++; 

12 if (newMessageRemind._step == 3) { newMessageRemind._step = 1 }; 

13 if (newMessageRemind._step == 1) { document.title = "【   】" + temps }; 

14 if (newMessageRemind._step == 2) { document.title = "【新消息】" + temps }; 

15 }, 800); 

16 return [newMessageRemind._timer, newMessageRemind._title]; 

17 }, 

18 //取消新消息提示 

19 clear: function(){ 

20 clearTimeout(newMessageRemind._timer ); 

21 document.title = newMessageRemind._title; 

22 //这里写Cookie操作 

23 } 

24   

25 };
调用显示新消息提示:newMessageRemind.show();
调用取消新消息提示:newMessageRemind.clear();

热点排行