js实现闪烁的标题

袁志蒙 4352次浏览

摘要:几行js代码即可实现title标题闪烁提示信息,不信你点开看看。

几行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>
随机内容

表情

共2条评论
  • 网友评论:

    45454

    2017-03-09 20:01:24 回复

    点击加载
  • 网友评论:

    来看看

    2016-12-29 19:08:55 回复

    点击加载