博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Hhml 標題 閃爍
阅读量:5054 次
发布时间:2019-06-12

本文共 974 字,大约阅读时间需要 3 分钟。

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的內容。

转载于:https://www.cnblogs.com/Teco/archive/2012/03/05/2380333.html

你可能感兴趣的文章
linux基础-命令
查看>>
java对象的深浅克隆
查看>>
Hadoop流程---从tpch到hive
查看>>
数据结构3——浅谈zkw线段树
查看>>
Introduction to my galaxy engine 2: Depth of field
查看>>
V2019 Super DSP3 Odometer Correction Vehicle List
查看>>
Python 3.X 练习集100题 05
查看>>
今时不同往日:VS2010十大绝技让VS6叹服
查看>>
设计器 和后台代码的转换 快捷键
查看>>
在线视频播放软件
查看>>
用代码生成器生成的DAL数据访问操作类 基本满足需求了
查看>>
28初识线程
查看>>
Monkey测试结果分析
查看>>
Sublime Text 3 设置
查看>>
浅谈C++底层机制
查看>>
STL——配接器、常用算法使用
查看>>
第9课 uart
查看>>
Range和xrange的区别
查看>>
BZOJ 1010 [HNOI2008]玩具装箱 (斜率优化DP)
查看>>
java-动态规划算法学习笔记
查看>>