`
fuhao200866
  • 浏览: 78172 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

新消息Title闪烁提示-Javascript

阅读更多
引入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);
	});
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics