title标题闪动js效果

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html> 
    <head> 
        <title>JS效果-浏览器标题栏闪烁</title> 
        <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
        <script type="text/javascript">  
     
        // 使用message对象封装消息 
        var message={  
            time: 0,  
            title: document.title,  
            timer: null,  
     
            // 显示新消息提示  
            show:function(){  
                var title = message.title.replace("【   】", "").replace("【新消息】", ""); 
                // 定时器,设置消息切换频率闪烁效果就此产生  
                message.timer = setTimeout( 
                    function() {  
                        message.time++; 
                        message.show();  
     
                        if (message.time % 2 == 0) {  
                            document.title = "【新消息】" + title  
                        } 
                        else{  
        document.title = "【   】" + title  
                        };  
                    },  
                    600 // 闪烁时间差 
                );  
                return [message.timer, message.title];  
            },  
     
            // 取消新消息提示  
            clear: function(){  
                clearTimeout(message.timer);  
                document.title = message.title;  
            }  
        };  
     
        message.show();  
     
        // 页面加载时绑定点击事件,单击取消闪烁提示 
        function bind() { 
            document.onclick = function(){ 
                message.clear();  
            };  
        }  
     
        </script> 
     
    </head> 
     
        <body
            点击页面取消消息闪烁提示 
        </body> 
     
    </html>
 

你可能感兴趣的:(title标题闪动js效果)