HTml 標題閃爍代码,JS代码库,德仔网

代码语言

代码分类

【JS】 HTml 標題閃爍

作者:dezai / 发布于2014/7/11/ 251


	1.添加一個jq擴展

	 <script type="text/javascript">
	 (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.方法調用

	 jQuery(function ($) {
	 var timerArr = $.blinkTitle.show();
	 setTimeout(function () { //此处是过一定时间后自动消失
	 $.blinkTitle.clear(timerArr);
	 }, 10000);
	 //若认为操作消失，只需如此调用： $.blinkTitle.clear(timerArr);
	 });

	3.說明

	 其實是定時，換html 的title的內容。

评论列表

本站所提供的代码，版权归原作者所有，若有侵犯作者版权，请与我们联系，我们将立即删除或修改。谢谢!
本站所有代码发布及提供者。

试试其它关键字

　閃爍　

同语言下

可能有用的

dezai贡献的其它代码(1065)