js网站首页 js

js实现闪烁的标题

袁志蒙
2016-08-26 12:40:35
3367 次阅读
3

几行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>

TAG: js