js实现HTML标题栏中新消息提示效果
2012-10-24 23:40
806 查看
新消息提示
var newMessageRemind={
_step: 0,
_title: document.title,
_timer: null,
//显示新消息提示
show:function(){
var temps = newMessageRemind._title.replace("【 】", "").replace("【新消息】", "");
newMessageRemind._timer = setTimeout(function() {
newMessageRemind.show();
//这里写Cookie操作
newMessageRemind._step++;
if (newMessageRemind._step == 3) { newMessageRemind._step = 1 };
if (newMessageRemind._step == 1) { document.title = "【 】" + temps };
if (newMessageRemind._step == 2) { document.title = "【新消息】" + temps };
}, 800);
return [newMessageRemind._timer, newMessageRemind._title];
},
//取消新消息提示
clear: function(){
clearTimeout(newMessageRemind._timer );
document.title = newMessageRemind._title;
//这里写Cookie操作
}
};
调用显示新消息提示:newMessageRemind.show();
调用取消新消息提示:newMessageRemind.clear();
var newMessageRemind={
_step: 0,
_title: document.title,
_timer: null,
//显示新消息提示
show:function(){
var temps = newMessageRemind._title.replace("【 】", "").replace("【新消息】", "");
newMessageRemind._timer = setTimeout(function() {
newMessageRemind.show();
//这里写Cookie操作
newMessageRemind._step++;
if (newMessageRemind._step == 3) { newMessageRemind._step = 1 };
if (newMessageRemind._step == 1) { document.title = "【 】" + temps };
if (newMessageRemind._step == 2) { document.title = "【新消息】" + temps };
}, 800);
return [newMessageRemind._timer, newMessageRemind._title];
},
//取消新消息提示
clear: function(){
clearTimeout(newMessageRemind._timer );
document.title = newMessageRemind._title;
//这里写Cookie操作
}
};
调用显示新消息提示:newMessageRemind.show();
调用取消新消息提示:newMessageRemind.clear();
相关文章推荐
- js实现HTML标题栏中新消息提示效果
- js实现的标题栏新消息闪烁提示效果
- 基于JS实现html中placeholder属性提示文字效果示例
- JS实现websocket长轮询实时消息提示的效果
- JS 实现浏览器标题栏闪动提示消息
- js实现网页标题栏闪烁提示效果实例分析
- js实现动态消息提示框(模仿android系统中toast的效果)
- js定时读取消息,并弹出动画效果的提示信息
- html+css+js简单实现图片轮播效果
- C#+JS简单实现 定时轮询数据表 以及时弹出消息提示窗口
- JS实现输入框提示文字点击时消失效果
- JS组件Bootstrap实现弹出框和提示框效果代码
- c#,使用WPF的Adorner实现iPhone上新邮件或消息提示效果----实现(二)
- HTML+CSS+JS实现轮播效果
- JS实现title标题栏文字不间断滚动显示效果
- HTML: <a> target属性以及如何在JS实现相同效果
- 原生js实现tooltip提示框的效果
- 实现MSN,QQ消息提示效果[ASP.Net]