发新话题
打印

jquery title闪烁效果改良版

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);    
}

TOP

发新话题