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


Posted in Javascript onOctober 23, 2015

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

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

运行效果截图如下:

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

在线演示地址如下:

具体代码如下:

<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实现图片轮播效果代码
Sep 03 Javascript
判断window.onload是否多次使用的方法
Sep 21 Javascript
js函数内变量的作用域分析
Jan 12 Javascript
IE8下jQuery改变png图片透明度时出现的黑边
Aug 30 Javascript
JavaScript编写简单的计算器
Nov 25 Javascript
浅析如何利用angular结合translate为项目实现国际化
Dec 08 Javascript
Node.js readline 逐行读取、写入文件内容的示例
Mar 01 Javascript
jQuery中元素选择器(element)简单用法示例
May 14 jQuery
vue中typescript装饰器的使用方法超实用教程
Jun 17 Javascript
微信小程序实现语音识别转文字功能及遇到的坑
Aug 02 Javascript
node.js文件操作系统实例详解
Nov 05 Javascript
javascript使用正则表达式实现注册登入校验
Sep 23 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
You might like
PHP计算一年多少个星期和每周的开始和结束日期
2014/07/01 PHP
Zend Framework教程之Autoloading用法详解
2016/03/08 PHP
php empty 函数判断结果为空但实际值却为非空的原因解析
2018/05/28 PHP
PHP两个n位的二进制整数相加问题的解决
2018/08/26 PHP
实例讲解php将字符串输出到HTML
2019/01/27 PHP
使用composer 安装 laravel框架的方法图文详解
2019/08/02 PHP
javascript错误的认识不用关心内存管理
2012/12/15 Javascript
JQueryiframe页面操作父页面中的元素与方法(实例讲解)
2013/11/19 Javascript
JavaScript实现找质数代码分享
2015/03/24 Javascript
12行javascript代码绘制一个八卦图
2015/04/02 Javascript
seajs学习教程之基础篇
2016/10/20 Javascript
javascript实现消灭星星小游戏简单版
2016/11/15 Javascript
使用BootStrap实现标签切换原理解析
2017/03/14 Javascript
微信小程序 引入es6 promise
2017/04/12 Javascript
页面缩放兼容性处理方法(zoom,Firefox火狐浏览器)
2017/08/29 Javascript
浅谈node.js 命令行工具(cli)
2018/05/10 Javascript
express框架中使用jwt实现验证的方法
2019/08/25 Javascript
小程序和web画三角形实现解析
2019/09/02 Javascript
Python基于动态规划算法计算单词距离
2015/07/25 Python
Python中列表和元组的使用方法和区别详解
2020/12/30 Python
python中的set实现不重复的排序原理
2018/01/24 Python
Python实现一个服务器监听多个客户端请求
2018/04/12 Python
详解Python对JSON中的特殊类型进行Encoder
2019/07/15 Python
Interrail法国:乘火车探索欧洲,最受欢迎的欧洲铁路通票
2019/08/27 全球购物
分布式数据库需要考虑哪些问题
2013/12/08 面试题
JavaScript实现页面动态验证码的实现示例
2021/03/23 Javascript
无故旷工检讨书
2014/01/26 职场文书
社区综治宣传月活动总结
2014/07/02 职场文书
党支部三会一课计划
2014/09/24 职场文书
2014年宣传工作总结
2014/11/18 职场文书
出纳工作检讨书范文
2014/12/27 职场文书
搞笑婚庆主持词
2015/06/29 职场文书
酒店开业主持词
2015/07/02 职场文书
python 统计代码耗时的几种方法分享
2021/04/02 Python
MySQL表的增删改查基础教程
2021/04/07 MySQL
Java 多态分析
2022/04/26 Java/Android