引入jquery库文件:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
代码结构开始:
(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);
jQuery(function($) {
var timerArr = $.blinkTitle.show();
setTimeout(function() { //此处是过一定时间后自动消失
$.blinkTitle.clear(timerArr);
}, 10000);
//若认为操作消失,只需如此调用: $.blinkTitle.clear(timerArr);
});
分享到:
相关推荐
JS 实现浏览器的 title 闪烁、滚动、声音提示、通知,没有依赖JS 实现浏览器的 title 闪烁、滚动、声音提示、通知,没有依赖JS 实现浏览器的 title 闪烁、滚动、声音提示、通知,没有依赖JS 实现浏览器的 title 闪烁...
JS 实现浏览器的 title 闪烁、滚动、声音提示、通知,没有依赖. 它不会干扰任何 JavaScript 库或框架。有合理的体积 5.05kb (gzipped: 1.75kb),
JS 实现浏览器的 title 闪烁、滚动、声音提示、chrome、Firefox、Safari等系统通知
JS实现浏览器标题的闪烁,滚动,语音提示,Chrome、Safari、FireFox、IE通知,无依赖, 不干扰其它JavaScript库。 具有合理的占用空间5.05kb(压缩后:1.75kb),官方文档。 安装 需要安装Node.js。 # v2.x $ npm ...
JS实现浏览器标题的闪烁,滚动,语音提示,Chrome / Safari / FireFox / IE通知。 没有依赖关系。 它不会干扰任何JavaScript库或框架。 具有合理的占用空间5.05kb(压缩后:1.75kb),官方文档。安装您将需要在系统...
主要介绍了JS实现超简洁网页title标题跑动闪烁提示效果代码,涉及JavaScript结合定时函数动态操作页面元素属性的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
blink() 方法 无 高亮标题栏闪烁提示 destroy() 方法 无 无 调用方式 设定全局配置项: 直接定义配置对象globalOptions,未给定的配置项依旧会使用默认值并不会被该配置对象覆盖 $.chatbox.globalOptions ...
-一个典型应用,在Window控件中打开新页面,如果传递的参数不正确,则首先提示参数不对然后关闭此弹出窗口。 -ExtAspNet.Alert.Show("参数错误!", String.Empty, ExtAspNet.ActiveWindow.GetCloseReference());...
JS 实现浏览器的 title 闪烁、滚动、声音提示、通知,没有依赖. 它不会干扰任何JavaScript库或框架。
-一个典型应用,在Window控件中打开新页面,如果传递的参数不正确,则首先提示参数不对然后关闭此弹出窗口。 -ExtAspNet.Alert.Show("参数错误!", String.Empty, ExtAspNet.ActiveWindow.GetCloseReference());...
JS 实现浏览器的 title 闪烁、滚动、声音提示、chrome、Firefox、Safari等系统通知。 下载 $ npm install title-notify --save-dev $ bower install inotify --save-dev 编译 # 下载依赖工具 $ npm install # ...