AutoCAD 3DMAX C语言 Pro/E UG JAVA编程 PHP编程 Maya动画 Matlab应用 Android
Photoshop Word Excel flash VB编程 VC编程 Coreldraw SolidWorks A Designer Unity3D
 首页 > JavaScript

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

51自学网 http://www.wanshiok.com
JS,网页title标题,跑动闪烁,提示

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

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

运行效果截图如下:

在线演示地址如下:

http://demo.wanshiok.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程序设计有所帮助。


JS,网页title标题,跑动闪烁,提示  
上一篇:jQuery实现的网页左侧在线客服效果代码  下一篇:seajs加载jquery时提示$ is not a function该怎么解决