标题: jquery title闪烁效果改良版 [打印本页]

---

作者: xiexie    时间: 2012-8-7 17:07     标题: jquery title闪烁效果改良版

//title闪烁效果
(function($) {
    $.extend({
        /**
         * 调用方法： var timerArr = $.blinkTitle.show();
         *          $.blinkTitle.clear(timerArr);
         */
        blink_title : {
            show : function() { //有新消息时在title处闪烁提示    
                var step=0, _title = document.title;
                _title = _title.replace('【新消息】', '');
                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);
function msg_tips() {
    var timerArr = $.blink_title.show();
    setTimeout(function() {//此处是过一定时间后自动消失    
        $.blink_title.clear(timerArr);
    }, 10000);
    //若认为操作消失，只需如此调用：   $.blinkTitle.clear(timerArr);    
}

---

欢迎光临 PHP开发笔记 (http://phpvi.com/)

Powered by Discuz! 6.1.0