<!DOCTYPE HTML>
<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <title>Instagram</title>
</head>
<body>

</body>
<script type="text/javascript" language="javascript">  

    var flashTitlePlayer = {  

        start: function (msg) {  

            this.title = document.title;  

            if (!this.action) {  

                try {  

                    this.element = document.getElementsByTagName('title')[0];  

                    this.element.innerHTML = this.title;  

                    this.action = function (ttl) {  

                        this.element.innerHTML = ttl;  

                    };  

                } catch (e) {  

                    this.action = function (ttl) {  

                        document.title = ttl;  

                    }  

                    delete this.element;  

                }  

                this.toggleTitle = function () {  

                    this.action('【' + this.messages[this.index = this.index == 0 ? 1 : 0] + '】Instagram');  

                };  

            }  

            this.messages = [msg];  

            var n = msg.length;  

            var s = '';  

            if (this.element) {  

                var num = msg.match(/\w/g);  

                if (num != null) {  

                    var n2 = num.length;  

                    n -= n2;  

                    while (n2 > 0) {  

                        s += " ";  

                        n2--;  

                    }  

                }  

            }  

            while (n > 0) {  

                s += ' ';  

                n--;  

            };  

            this.messages.push(s);  

            this.index = 0;  

            this.timer = setInterval(function () {  

                flashTitlePlayer.toggleTitle();  

            }, 1000);  

        },  

        stop: function () {  

            if (this.timer) {  

                clearInterval(this.timer);  

                this.action(this.title);  

                delete this.timer;  

                delete this.messages;  

            }  

        }  

    };  

    function flashTitle(msg) {  

        flashTitlePlayer.start(msg);  

    }  

    function stopFlash() {  

        flashTitlePlayer.stop();  

    }
    flashTitle('You have a new message');
</script>
</html>

网页标题title的闪动提示的更多相关文章

  1. 如何写一个网页标题title的闪动提示(转)

    通过网页title来提示用户有新消息这个功能很常见,比如现在的微博,还有一些邮箱,这个功能都很常见.如何实现则个功能呢? 思路是:通过ajax访问后台,若有新消息,则将网页的title替换为 提示信息 ...

  2. 如何写一个网页标题title的闪动提示

    通过网页title来提示用户有新消息这个功能很常见,比如现在的微博,还有一些邮箱,这个功能都很常见.如何实现则个功能呢? 思路是:通过ajax访问后台,若有新消息,则将网页的title替换为 提示信息 ...

  3. 网页标题(title)动态改变

    这是一只小白的突发奇想,实验多次终于有所效果.想要实现什么效果呢, 如图所示 :    要实现这个效果,大体需要两步. 第一,如何像打印似的一个一个字显示文字.要实现这个效果有多种方法.在这里我所运用 ...

  4. js和jquery 实现网站来消息网站标题闪动提示

    js版 <html xmlns="http://www.w3.org/1999/xhtml" > <head runat="server"&g ...

  5. html网页标题

    HTML代码 <html> <head> <!--<title>定义网页标题,显示在浏览器的标题--> <title>网页标题</ti ...

  6. jQuery闪烁提示,让新消息在网页标题显示

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head& ...

  7. php正则获取网页标题、关键字、网页描述代码

    php正则获取网页关键字,代码如下: function get_keywords($html) { $html=strtolower($html); preg_match("@<hea ...

  8. jquery无法修改网页标题,无法修改网页标题

    今天遇到一个问题,搜索时动态修改网页标题,用jquery的这段代码无效,无论FF还是IE $("title").html("new title"); 后来只好用 ...

  9. (转)asp.net动态设置标题title 关键字keywords 描述descrtptions

    方法一 if (!IsPostBack){//Page title网页标题Page.Title = “我的网站标题”;//须将网页head标签设成服务器控件模式,即<head runat=&qu ...

随机推荐

  1. 转csdn-css4

    http://www.csdn.net/article/2015-03-06/2824127-css4

  2. c#无限循环线程如何正确退出

    c#无限循环线程如何正确退出 在主程序将要结束时,迅速正确退出无限循环执行的子线程.一般子线程循环执行会有一个指定的周期, 在子线程等待(或者睡眠)时,无法唤醒退出,尤其在执行周期较长时,子线程无法即 ...

  3. stl中的容器、迭代器和算法----vector中的find实现

    来源 http://blog.csdn.net/huangyimin/article/details/6133650 stl包括容器.迭代器和算法: 容器 用于管理一些相关的数据类型.每种容器都有它的 ...

  4. Welcome to my Blog

    Only English? Oh my god!!! why open live write can't write by Chinese?

  5. kafka的高可用和一致性探究

    一.kafka基础 本篇文章讨论的kafka版本是目前最新版 0.10.1.0. 1.1 kafka种的KafkaController 所有broker会通过ZooKeeper选举出一个作为Kafka ...

  6. java的List分页 取出数据后使用List分页

    以前一直是在DAO层直接从数据库里分页,但是今天因为有些数据,需要混合展示,就是根据条件取出了多个对象的集合,然后把这些多个List放到一个List里,然后在从这个List里进行分页. MemberA ...

  7. 求序列的和,杭电0j-2058

    原题地址:http://acm.hdu.edu.cn/showproblem.php?pid=2058 [Problem Description] Given a sequence 1,2,3,... ...

  8. Day3-函数及作用域

    一.函数定义:一组代码片段用函数名封装起来,通过函数名的方式调用执行. 特性: 1.减少重复代码 2.使程序易扩展 3.使程序易维护 语法定义: def sayhi(): print("he ...

  9. Java调用IDL方法总结

    Java调用IDL方法总结 Java调用IDL程序,需要先在java中加载IDL的java包(javaidlb.jar),该包不需要下载,在IDL的安装目录中可以直接找到(C:\Program Fil ...

  10. Java基础知识二次学习--第四章 异常

    第四章 异常处理   时间:2017年4月26日11:16:39~2017年4月26日11:28:58 章节:04章_01节 04章_02节 视频长度:20:46+01:16 内容:异常的概念 心得: ...