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

时间：2021-05-26

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

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

运行效果截图如下：

在线演示地址如下：

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

声明：本页内容来源网络，仅供用户参考；我单位不保证亦不表示资料全面及准确无误，也不保证亦不表示这些资料为最新信息，如因任何原因，本网内容或者用户因倚赖本网内容造成任何损失或损害，我单位将不会负任何法律责任。如涉及版权问题，请提交至online#300.cn邮箱联系删除。

相关文章