jQuery实现新消息闪烁标题提示的方法
来源:互联网 发布:Windows 10壁纸效果 编辑:程序博客网 时间:2024/05/12 05:17
本文实例讲述了jQuery实现新消息闪烁标题提示的方法。分享给大家供大家参考。具体如下:
该代码可实现在标题栏部位闪烁地显示提示信息。
1. jQuery插件风格代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
;(
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);
2. 调用方法如下:
1
2
3
4
5
6
7
jQuery(
function
($) {
var
timerArr = $.blinkTitle.show();
setTimeout(
function
() {
//此处是过一定时间后自动消失
$.blinkTitle.clear(timerArr);
}, 10000);
//若人为操作消失,只需如此调用:$.blinkTitle.clear(timerArr);
});
0 0
- jQuery实现新消息闪烁标题提示的方法
- jQuery 让新消息在网页标题闪烁提示代码
- 闪烁提示的jQuery代码让新消息在网页标题(未测试)
- js实现网页新消息标题闪烁提醒
- javascript 实现QQ方式的新消息提示
- 通过闪烁标题实现“消息提示”
- 关于有新消息标题栏闪烁的问题
- jquery制作闪烁的文章标题列表
- jquery--jQuery插件【capacityFixed-类似于新浪微博新消息提示的定位框的实例页面】
- title 新消息 闪烁
- JS实现标题闪烁
- jquery实现文本框闪烁提示用户验证信息
- js实现页面标题闪烁
- 曾经做的传统的通知实现,标题闪烁
- 新消息提示框
- AT+CNMI新消息提示
- Mootools插件-闪烁的标题
- JS实现浏览器的title闪烁、滚动、声音提示、通知
- CentOS 7 安装VNC 方法
- ButterKnife(黄油刀)的使用(Eclipse和Android Studio)
- Spring3系列4-多个配置文件的整合
- 你应该知道的那些Android小经验
- linux下tomcat性能调优
- jQuery实现新消息闪烁标题提示的方法
- 去掉字符串中的中文
- 构造函数、析构函数抛出异常的问题
- 剑指Offer(面试题3~5)
- Java引用
- ajax 获取计算机时间
- Discuz 用户多次登录失败 要求填写验证码
- mysql常用函数汇总(分享)
- Kafka与Logstash的数据采集