字体闪烁

<!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>无标题文档</title>
</head>

<body>
<div id="blink" style="font-size:36px; height:200px; text-align:center; line-height:200px">登录成功<br />
张昊哲大帅哥!!!!哇哈哈哈哈哈</div>
<!--闪烁-->

<script language="javascript"> 
function changeColor(){ 
var color="#f00|#0f0|#00f|#880|#808|#088|yellow|green|blue|gray"; 
color=color.split("|"); 
document.getElementById("blink").style.color=color[parseInt(Math.random() * color.length)]; 
} 
setInterval("changeColor()",200); 
</script>

</body>
</html>

 

posted @ 2016-04-18 15:48  梦里梦到梦  阅读(92)  评论(0编辑  收藏  举报