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

更新时间：2015年10月23日 10:04:38 作者：企鹅

这篇文章主要介绍了JS实现超简洁网页title标题跑动闪烁提示效果代码,涉及JavaScript结合定时函数动态操作页面元素属性的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下

本文实例讲述了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程序设计有所帮助。

您可能感兴趣的文章:

JavaScript快速调试的两个技巧
这篇文章主要给大家介绍了关于JavaScript快速调试的两个技巧，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2020-11-11
详解JavaScript数组的常用方法
这篇文章主要为大家介绍了JavaScript数组的常用方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助
2021-11-11
Javascript尾递归编程的实现
本文主要介绍了Javascript尾递归编程的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2022-06-06
js时间转换毫秒的实例代码
在本篇文章里小编给大家整理的是关于js时间转换毫秒的实例代码以及相关知识点，需要的朋友们可以学习下。
2019-08-08
newxtree.js代码
newxtree.js代码...
2007-03-03
JS实现轮播图效果的3种简单方法
这篇文章主要为大家详细介绍了JS实现轮播图效果的3种简单方法，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2021-11-11
基于BootStrap与jQuery.validate实现表单提交校验功能
学习前台后台最开始接触的业务都是用户注册和登录,下面通过本文给大家介绍BootStrap与jQuery.validate实现表单提交校验功能，感兴趣的朋友一起学习吧
2016-12-12
javascript 判断当前浏览器版本并判断ie版本
这篇文章主要介绍了javascript 判断当前浏览器版本并判断ie版本的相关资料,需要的朋友可以参考下
2017-02-02
JS中split()用法（将字符串按指定符号分割成数组）
这篇文章主要介绍了JS中split()用法（将字符串按指定符号分割成数组）的相关资料,非常不错具有参考借鉴价值，需要的朋友可以参考下
2016-10-10
mpvue实现微信小程序快递单号查询代码
这篇文章主要介绍了mpvue实现微信小程序快递单号查询，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
2020-04-04