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

2019-11-20 11:25:29

字体：大中小

来源：转载

供稿：网友

本文实例讲述了JS实现超简洁网页title标题跑动闪烁提示效果代码。分享给大家供大家参考，具体如下：

这里演示不几行JS代码实现的网页Title文字跑动效果，类似有消息时的标题闪烁提醒功能，在JS代码中，当变量_record累加到3是，将其赋值为1。相当于无限循环。需要显示的消息提示内容可自拟哦。

运行效果截图如下：

在线演示地址如下：

http://demo.VeVB.COm/js/2015/js-title-blink-style-codes/

具体代码如下：

<html xmlns="http://www.w3.org/1999/xhtml"><head><title>JS实现title标题闪烁提示信息</title></head><body><script type="text/javascript">_record = 0;var myTitle = document.title;function titleBlink(){  _record++;  if(_record==3){//当变量_record累加到3是，将其赋值为1。相当于无限循环。    _record=1;  }  if(_record==1){    document.title='【  】'+myTitle;  }  if(_record==2){    document.title='【新消息】'+myTitle;  }  setTimeout("titleBlink()",500);//调节时间，单位毫秒。}titleBlink();</script><center><h1>几行js实现闪烁的title。</h1></center><div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';"></div></body></html>

希望本文所述对大家JavaScript程序设计有所帮助。

上一篇：jQuery实现的网页左侧在线客服效果代码

下一篇：seajs加载jquery时提示$ is not a function该怎么解决