编程 Javascript

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

Posted in Javascript onOctober 23, 2015

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

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

运行效果截图如下：

在线演示地址如下：

具体代码如下：

<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标题跑动闪烁提示效果代码

- Author -

企鹅

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

javascript mouseover、mouseout停止事件冒泡的解决方案

Apr 07 Javascript

JS 面向对象的5钟写法

Jul 31 Javascript

Checbox的操作含已选、未选及判断代码

Nov 07 Javascript

用Jquery.load载入页面实现局部刷新

Jan 22 Javascript

jQuery实现冻结表格行和列

Apr 29 Javascript

第六章之辅组类与响应式工具

Apr 25 Javascript

js模拟微博发布消息

Feb 23 Javascript

JavaScript实现离开页面前提示功能【附jQuery实现方法】

Sep 26 jQuery

对Vue.js之事件的绑定(v-on: 或者 @ )详解

Sep 15 Javascript

angular4强制刷新视图的方法

Oct 09 Javascript

微信小程序自定义导航栏实例代码

Apr 05 Javascript

vue如何使用async、await实现同步请求

Dec 09 Javascript

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

Oct 23 #Javascript

浅析Node.js 中 Stream API 的使用

Oct 23 #Javascript

jQuery实现右侧显示可向左滑动展示的深色QQ客服效果代码

Oct 23 #Javascript

js显示当前日期时间和星期几

Oct 22 #Javascript

js检测用户输入密码强度

Oct 22 #Javascript

使用JQuery实现Ctrl+Enter提交表单的方法

Oct 22 #Javascript

实例详解angularjs和ajax的结合使用

Oct 22 #Javascript