网页标题title的闪动提示

<!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>
时间: 2024-10-12 18:46:08

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

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

通过网页title来提示用户有新消息这个功能很常见,比如现在的微博,还有一些邮箱,这个功能都很常见.如何实现则个功能呢? 思路是:通过ajax访问后台,若有新消息,则将网页的title替换为 提示信息 ,并与空格来回切换.例:[你有新消息]与[ ]切换.提示内容弄是动态的,所以替换文字的空格数目也是算出的.这里用全角的空格.但是如果提示消息中有‘数字’等半角字符的话就会出现问题.全角的空格比半角的1的宽度要宽的多.这样的话,闪动起来看着就不是很舒服:解决方法就是用全角的空格替换全角的字符,半角的

网页标题(title)动态改变

这是一只小白的突发奇想,实验多次终于有所效果.想要实现什么效果呢, 如图所示 :    要实现这个效果,大体需要两步. 第一,如何像打印似的一个一个字显示文字.要实现这个效果有多种方法.在这里我所运用的是javaScript中的substring()方法 substring()方法是干嘛的简单说一下,它用于提取字符串中介于两个指定下标之间的字符.返回的子串包括开始处的字符,但不包括结束处的字符. 首先,做几个div,放你要打印的文字(不一定是div,能取到就行,这个随意),然后通过节点取到里面的

用EXCEL批量获取网页标题的方法

这段时间准备做淘宝,但不知道卖什么产品,因此想从一些B2B 网站上扒拉一些产品词下来挨个研究,但一个一个的打开网页查看产品太慢太费事,但想到这些产品词都存在于网页标题上,因此想到了用excel来批量获取网页的标题.经过一番查找,在网上找到了两种方法(其实是两组代码). 打开excel找到开发者工具,点击"Visual Basic" 在下图所示位置右键点击添加模块 填入如下代码: Function Title(url As String) As String With CreateObj

Javascript让你的网页标题飘动起来

如果你有使用WebQQ,你也许会发现,每次收到信息的时候,就会看到title提示哪个网友或群来信息,然后网页的title就会开始飘动,挺人性化,蛮有意思的.而这个效果其实也不难,这里实现了这个效果,演示可以参看本页的title.鹤峰县烟草专卖局 下面给出JavaScript的实现代码,附上注释,应该很好懂的. JavaScript Code: <script type="text/javascript"> var dir = "left"; functi

SEO页面标题Title的优化

我在一个月前改过页面标题(Title),随后表现是:百度网页快照4天不更新,Google正常.而我仅仅是改了两个词组而已.在建博初期,修改Title的最频繁的时期,下面卢松松就我经历的修改Title过程给大家提供一些经验. 标题是网页优化最重要的因素,页面标题Title相当于赋予一个网页一些内容,它告诉搜索引擎蜘蛛此页面是关于什么的.所以任何一个网页Title的重要性是最高的,远远超过keyword和description. 1:如何保证Title不重复 这个问题很难解决,包括很多专门研究SEO

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

php正则获取网页关键字,代码如下: function get_keywords($html) { $html=strtolower($html); preg_match("@<head[^>]*>(.*?)</head>@si",$html, $regs); $headdata = $regs[1]; preg_match("/<meta +name *=["']?keywords["']? *content=[&qu

js判断网页标题包含某字符串则替换

js判断网页标题包含某字符串则替换,代码如下: var tit=document.title; if(tit.indexOf("afish")>0){ tit=tit.replace('http://t.qq.com/wb631992791','小鱼阁'); document.title=tit; js判断网页标题包含某字符串则替换

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

方法一 if (!IsPostBack){//Page title网页标题Page.Title = “我的网站标题”;//须将网页head标签设成服务器控件模式,即<head runat="server">,否则无效 //Description网页描述HtmlMeta desc = new HtmlMeta();desc.Name = "Description";desc.Content = "我的网站描述";Page.Header.

网页标题随机显示名言JS代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-