浏览器标题 闪烁效果 

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

<head>
    <title>JS效果-浏览器标题栏闪烁</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

    <script type="text/javascript">

        // 使用message对象封装消息
        var message = {
            time: 1,
            defaultTitle: document.title,
            timer: null,

            // 显示新消息提示
            show: function () {
                message.time++;
                document.title = message.time % 2 == 0 ? "【新消息】" : "【　　　】";
                document.title += message.defaultTitle;
                if (!message.timer) {
                    message.timer = setInterval("message.show()", 600);
                }
            },

            // 取消新消息提示
            clear: function () {
                clearInterval(message.timer);
                document.title = message.defaultTitle;
            }
        };

        message.show();

        // 页面加载时绑定点击事件，单击取消闪烁提示
        function bind() {
            document.onclick = function () {
                message.clear();
            };
        } 

    </script>

</head>

    <body onload="bind();">
        点击页面取消消息闪烁提示
    </body>

</html>

原文地址：http://z2009zxiaolong.iteye.com/blog/1671413

posted @ 2012-09-05 08:39  高山-景行  阅读(251)  评论(0)  编辑  收藏  举报