天天看點

利用jquery制作閃動标題

利用jquery制作閃動标題

$(document).ready(function(){  

    alert($("title").html());  

    $(document)[0].title='dd';  

});  

利用jquery制作閃動标題

jquery(function($) {  

    setinterval(function(){  

        $.get("untitled-2.html", function(data){  

            if(data == 1){//有新消息  

                var timerarr = $.blinktitle.show();  

                setinterval(function() {        //此處是過一定時間後自動消失  

                    $.blinktitle.clear(timerarr);  

                }, 4000)  

            }else{  

                $.blinktitle.clear(timerarr);  

            }  

        });  

    },4000);  

    //若認為操作消失,隻需如此調用:    $.blinktitle.clear(timerarr);  

  送達方式發

利用jquery制作閃動标題

<!doctype html public "-//w3c//dtd xhtml 1.0 strict//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd">  

<html xmlns="http://www.w3.org/1999/xhtml">  

<head>  

<meta http-equiv="content-type" content="text/html; charset=utf-8" />  

<title>新消息閃爍提示demo</title>  

</head>  

<body>  

    <p style="text-align:center;">請看網頁标題處效果!  

        <br/>隔10秒後提示消失  

    </p>  

    <script type="text/javascript" src="../js/jquery-1.4.2.min.js"></script>  

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

    jquery(function($) {  

        var timerarr = $.blinktitle.show();  

        settimeout(function() {     //此處是過一定時間後自動消失  

            $.blinktitle.clear(timerarr);  

        }, 10000);  

        //若認為操作消失,隻需如此調用:   $.blinktitle.clear(timerarr);  

    });  

    </script>  

</body>  

</html>