欢迎来到我爱模板网，请记住我们的域名5imoban.net。本站资源大部分免费下载。如需定制，可联系站长QQ543031222。如果您觉得本站不错，请推荐给您的好友！

各位热心的网友们，欢迎给本站留言！您的任何建议和意见本站都会认真查看，仔细采纳！

当前位置：模板网首页 > 特效插件 > 文字特效 > js标题栏“新消息”闪正文

js标题栏“新消息”闪烁效果，js title“新消息”

作者：我爱模版网

大小：0MB

点击次数：

发布时间：2013-12-31 09:25

分享到：

特效介绍

js标题栏“新消息”闪烁效果，js title“新消息”闪烁效果。类似于在线聊天提示效果。

<span style="font-size: medium;"><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 onload="bind();"> 点击页面取消消息闪烁提示 </body> </html></span>
提示：您可以先修改部分代码再运行

使用方法

js标题栏“新消息”闪烁效果，js title“新消息”闪烁效果。类似于在线聊天提示效果。