1. <!DOCTYPE HTML>
  2. <html lang="en-US">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>Instagram</title>
  6. </head>
  7. <body>
  8.  
  9. </body>
  10. <script type="text/javascript" language="javascript">
  11.  
  12. var flashTitlePlayer = {
  13.  
  14. start: function (msg) {
  15.  
  16. this.title = document.title;
  17.  
  18. if (!this.action) {
  19.  
  20. try {
  21.  
  22. this.element = document.getElementsByTagName('title')[0];
  23.  
  24. this.element.innerHTML = this.title;
  25.  
  26. this.action = function (ttl) {
  27.  
  28. this.element.innerHTML = ttl;
  29.  
  30. };
  31.  
  32. } catch (e) {
  33.  
  34. this.action = function (ttl) {
  35.  
  36. document.title = ttl;
  37.  
  38. }
  39.  
  40. delete this.element;
  41.  
  42. }
  43.  
  44. this.toggleTitle = function () {
  45.  
  46. this.action('【' + this.messages[this.index = this.index == 0 ? 1 : 0] + '】Instagram');
  47.  
  48. };
  49.  
  50. }
  51.  
  52. this.messages = [msg];
  53.  
  54. var n = msg.length;
  55.  
  56. var s = '';
  57.  
  58. if (this.element) {
  59.  
  60. var num = msg.match(/\w/g);
  61.  
  62. if (num != null) {
  63.  
  64. var n2 = num.length;
  65.  
  66. n -= n2;
  67.  
  68. while (n2 > 0) {
  69.  
  70. s += " ";
  71.  
  72. n2--;
  73.  
  74. }
  75.  
  76. }
  77.  
  78. }
  79.  
  80. while (n > 0) {
  81.  
  82. s += ' ';
  83.  
  84. n--;
  85.  
  86. };
  87.  
  88. this.messages.push(s);
  89.  
  90. this.index = 0;
  91.  
  92. this.timer = setInterval(function () {
  93.  
  94. flashTitlePlayer.toggleTitle();
  95.  
  96. }, 1000);
  97.  
  98. },
  99.  
  100. stop: function () {
  101.  
  102. if (this.timer) {
  103.  
  104. clearInterval(this.timer);
  105.  
  106. this.action(this.title);
  107.  
  108. delete this.timer;
  109.  
  110. delete this.messages;
  111.  
  112. }
  113.  
  114. }
  115.  
  116. };
  117.  
  118. function flashTitle(msg) {
  119.  
  120. flashTitlePlayer.start(msg);
  121.  
  122. }
  123.  
  124. function stopFlash() {
  125.  
  126. flashTitlePlayer.stop();
  127.  
  128. }
  129. flashTitle('You have a new message');
  130. </script>
  131. </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. linux文件系统下的特殊权限

    SUID, SGID, Sticky 1 权限 r, w, x user, group, other 2 安全上下文 前提:进程有属主和属组:文件有属主和属组: (1) 任何一个可执行程序文件能不能启 ...

  2. PAT1029.Median (25)

    (一)题目 题目链接:https://www.patest.cn/contests/pat-a-practise/1029 1029. Median (25) Given an increasing ...

  3. bootstrap实例 之 响应式表格-----2017-05-15

    Bootstrap 的响应式 CSS 能够自适应于台式机.平板电脑和手机,现在就bootstrap的响应式举一个例子: 如上图所示,要实现该表格在手机等移动端上只显示代号.名称.和价格,其他以查看详情 ...

  4. POJ2524并查集水题

    Description There are so many different religions in the world today that it is difficult to keep tr ...

  5. 传感器系列之4.12GPS定位传感器

    4.12 GPS定位实验 一.实验目的 了解GPS的基本概念 了解NMEA-0183格式数据串的组成和关于GPS的常用语句 GPS的数据串解析 二.实验材料 具有串口通讯的电脑一台 ADS1.2开发环 ...

  6. 使用Html5下WebSocket搭建简易聊天室

    一.Html5WebSocket介绍 WebSocket protocol 是HTML5一种新的协议(protocol).它是实现了浏览器与服务器全双工通信(full-duplex). 现在,很多网站 ...

  7. JS高级-数据结构的封装

    最近在看了<数据结构与算法JavaScript描述>这本书,对大学里学的数据结构做了一次复习(其实差不多忘干净了,哈哈).如果能将这些知识捡起来,融入到实际工作当中,估计编码水平将是一次质 ...

  8. PHP编码规范建议学习

    ###php编码规范 -------* sql过长 ```$sql = <<<SQLSELECT delivery_idFROM d_testWHERE delivery_idIN ...

  9. 建造者模式—设计角度重温DNF中的角色

    应用场景 假设现在我们要设计DNF中的人物角色(鬼剑士.神枪手.魔法师.圣骑士.格斗家).然而,利用面对对象的思想,必须先从实体入手,每一个角色都包含各种装备.武器.配饰,这些就当做要建造的零件,然后 ...

  10. cookie创建,删除

    Cookie 历来指就着牛奶一起吃的点心.然而,在因特网内,“Cookie”这个字有了完全不同的意思.那么“Cookie”到底是什么呢?“Cookie”是小量信息,由网络服务器发送出来以存储在网络浏览 ...