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 相关文章推荐
jquery获取焦点和失去焦点事件代码
Apr 21 Javascript
怎么选择Javascript框架(Javascript Framework)
Nov 22 Javascript
让jQuery Mobile不显示讨厌loading界面的方法
Feb 19 Javascript
JS生成某个范围的随机数【四种情况详解】
Apr 20 Javascript
vue2 如何实现div contenteditable=“true”(类似于v-model)的效果
Feb 08 Javascript
基于jQuery实现文字打印动态效果
Apr 21 jQuery
Vue使用vue-cli创建项目
Sep 01 Javascript
JS拖动选择table里的单元格完整实例【基于jQuery】
May 28 jQuery
vue实现axios图片上传功能
Aug 20 Javascript
JavaScript实现拖拽盒子效果
Feb 06 Javascript
原生JavaScript写出Tabs标签页的实例代码
Jul 20 Javascript
vue+高德地图实现地图搜索及点击定位操作
Sep 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
You might like
php 网页游戏开发入门教程一(webgame+design)
2009/10/26 PHP
php is_file()和is_dir()用于遍历目录时用法注意事项
2010/03/02 PHP
教大家制作简单的php日历
2015/11/17 PHP
PHP基于PDO调用sqlserver存储过程通用方法【基于Yii框架】
2017/10/07 PHP
PHP面向对象程序设计之对象的遍历操作示例
2019/06/12 PHP
laravel 去掉index.php伪静态的操作方法
2019/10/12 PHP
laravel 解决Eloquent ORM的save方法无法插入数据的问题
2019/10/21 PHP
javascript mouseover、mouseout停止事件冒泡的解决方案
2009/04/07 Javascript
js屏蔽鼠标键盘(右键/Ctrl+N/Shift+F10/F11/F5刷新/退格键)
2013/01/24 Javascript
原生javascript实现无间缝滚动示例
2014/01/28 Javascript
Jquery对数组的操作技巧整理
2014/03/25 Javascript
使用javascript插入样式
2016/03/14 Javascript
JS数组去掉重复数据只保留一条的实现代码
2016/08/11 Javascript
详解vue的数据binding绑定原理
2017/04/12 Javascript
jQuery Dom元素操作技巧
2018/02/04 jQuery
vue中v-cloak解决刷新或者加载出现闪烁问题(显示变量)
2018/04/20 Javascript
vue给组件传递不同的值方法
2018/09/29 Javascript
基于vue+uniapp直播项目实现uni-app仿抖音/陌陌直播室功能
2019/11/12 Javascript
微信小程序实现搜索功能
2020/03/10 Javascript
python计算时间差的方法
2015/05/20 Python
python的变量与赋值详细分析
2017/11/08 Python
Python wxpython模块响应鼠标拖动事件操作示例
2018/08/23 Python
利用Python实现Shp格式向GeoJSON的转换方法
2019/07/09 Python
使用python打印十行杨辉三角过程详解
2019/07/10 Python
Kali Linux安装ipython2 和 ipython3的方法
2019/07/11 Python
Python中调用其他程序的方式详解
2019/08/06 Python
Pandas实现DataFrame按行求百分数(比例数)
2019/12/27 Python
美国领先的眼镜和太阳镜在线零售商:Glasses.com
2019/08/26 全球购物
澳大利亚运动鞋商店:Platypus Shoes
2019/09/27 全球购物
Araks官网:纽约内衣品牌
2020/10/15 全球购物
Ajax和javascript的区别
2013/07/20 面试题
生产部岗位职责范文
2014/02/07 职场文书
学校领导四风问题整改措施思想汇报
2014/10/09 职场文书
2015大一新生军训感言
2015/08/01 职场文书
优秀教师主要事迹材料
2015/11/04 职场文书
Python实现生活常识解答机器人
2021/06/28 Python