墨小权个人博客-情感校园-记录生活与知识分享的个人博客

当前位置:主页 > 编程知识 > JavaScript教程 > 本文内容

js如何实现闪烁的标题

发布时间:2020-05-26 18:46:19源自:www.ikzai.cn作者:墨小权阅读()

几行js代码即可实现title标题闪烁提示信息,不信你点开看看。
你看本网页的标题,是不是在闪烁呀,哈哈,是不是很好玩。
其实代码很简单...
源码:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<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>
随机内容

欢迎分享转载→ js如何实现闪烁的标题

上一篇:没有了

下一篇:javascript怎么判断图片是否加载完成

说点什么吧
  • 全部评论(0
    还没有评论,快来抢沙发吧!

其他页面

热门游戏

Copyright © 2002-2020 墨小权个人博客 版权所有 备案号:粤ICP备20000688号-1收藏本站 - 网站地图 - 排行榜- 关于我们 - 网站公告 - 广告服务