利用JS实现浏览器的title闪烁

经常可以看见的title里面的消息提示,下面是JS的一种实现方法,需要的朋友可以参考下
 

主要是通过setTimeout方法设置一个定时器,切换消息提示,从而达title到消息提示的闪烁。

复制代码 代码如下:

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

时间: 2024-11-08 23:22:49

利用JS实现浏览器的title闪烁的相关文章

利用js ActiveXObject浏览器全屏实现方法

利用js activexobject浏览器全屏实现方法 activexobject对象是启用并返回 automation 对象的引用.使用方法: newobj = new activexobject( servername.typename[, location]) activexobject 对象语法有这些部分:其中newobj是必选项.要赋值为 activexobject 的变量名. servername是必选项.提供该对象的应用程序的名称. typename是必选项.要创建的对象的类型或类

利用js判断浏览器类型(是否为IE,Firefox,Opera浏览器)_javascript技巧

现在的浏览器大概有好几种,各个人的喜好也不同,所以也就用着不同的浏览器!我们开发的人来说经常要加个判断,要不可能某些功能没法正常使用.要是没加个判断就会给大家带来些麻烦!虽然可能大家的喜好不同!用的系统也不同!有人喜欢用ie, firefox,还有人喜欢用腾讯tt,maxthon等等.虽然名字可能有很多种,但是内核我们知道下就没问题了.如IE内核的:IE,maxthon,tt都是.当然还有netscape内核!看大家怎么去判断! 由于在开发时碰上这个问题.于是找了下资料和自己总结如下JS代码:

js判断浏览器关闭

文章从网上搜索了三款js判断浏览器关闭哦,他们可以判断用户是关闭浏览呢,还是刷新浏览器,这都利用到了js onload unonload 等一些怪方法哦. <!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.aimeige.com.cn/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="

js获取浏览器用户信息再创建不同版本的flash组件

这是一款利用了在flash网站的代码,他是利用js获取浏览器用户信息再创建不同版本的flash组件实例,这样很好的兼容大部份主流浏览器就ok了. */ var isie  = (navigator.appversion.indexof("msie") != -1) ? true : false; var iswin = (navigator.appversion.tolowercase().indexof("win") != -1) ? true : false;

js判断浏览器:JS特效-浏览器标题栏闪烁

使用JavaScript制作浏览器标题栏闪烁效果,以面向对象的方式方式封装了JS.当你遭遇了Backbone,就会习惯JS也面向对象,也会习惯JS也MVC分离.就像这种JS风格,我喜欢.扯远了,呵呵.不废话了,直接贴代码.<html><head><title>JS效果-浏览器标题栏闪烁</title><meta http-equiv="Content-Type" content="text/html; charset=UT

JS实现超简洁网页title标题跑动闪烁提示效果代码_javascript技巧

本文实例讲述了JS实现超简洁网页title标题跑动闪烁提示效果代码.分享给大家供大家参考,具体如下: 这里演示不几行JS代码实现的网页Title文字跑动效果,类似有消息时的标题闪烁提醒功能,在JS代码中,当变量_record累加到3是,将其赋值为1.相当于无限循环.需要显示的消息提示内容可自拟哦. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-title-blink-style-codes/ 具体代码如下: <html xmlns="

JS实现浏览器状态栏文字闪烁效果的方法_javascript技巧

本文实例讲述了JS实现浏览器状态栏文字闪烁效果的方法.分享给大家供大家参考,具体如下: 这里演示为你的IE浏览器状态栏增加文字闪烁效果,请看下面的状态栏中的文字一直不停的闪烁,火狐下可能效果不正常,本代码只针对IE浏览器. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-status-bar-txt-blink-codes/ 具体代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Tra

利用js调用后台php进行数据处理原码

js|后台|数据 該方法已經屬於過時方法,其中關鍵的地方也從論壇上得來的,我只是把它消化吸收后重新写了更全面的出来.公布出來只是希望更多的新手能從中學到一些東西.如果你對該代碼有任何意見可以留言,但請勿進行人身攻擊,我是一個菜鳥只能寫出這樣的東西,每个老鸟都有这样的过程. 鉴于时间问题,代碼的提交部分使用的是传统的表单POST,如果您喜欢可以根据LOAD过程自行加上相应的SCRIPT,不过好像只能用GET了.聽說XML可以實現真正的無刷新,如果誰手上有希望能借來看看. 在此感謝QQ群組中蓝劍雪狐

利用js动态添加删除table行的示例代码

 本篇文章主要是对利用js动态添加删除table行的示例代码进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 如下所示:    代码如下: //动态添加行 function addRow(){    var table = document.getElementById("tableID");    var newRow = table.insertRow(); //创建新行    var newCell1 = newRow.insertCell(); //创建新单元格