关闭

JS网页特效(字体一直变换颜色)

2025人阅读 评论(0) 收藏 举报
分类:
<html> 
<head> 
<title>JS网页特效</title> 


<script type="text/javascript"> 
	function changeColor(){ 
	var color="#f00|#0f0|#00f|#880|#808|#088|yellow|green|blue|gray|#234|#534";//定义一条变换颜色的字符串
	color=color.split("|"); //然后通过split方法进行分割
 	var xuan = document.getElementsByTagName("h1");//获得元素

	for(var i=0;i<xuan.length;i++){
	xuan[i].style.color=color[parseInt(Math.random() * color.length)];//设置样式 

	}

	} 
	setInterval("changeColor()",200);//死循环,每0.2秒变换一种颜色


</script> 
</head>
<body> 
<marquee>
<h1>字体自动变换颜色</h1>
</marquee>
</body> 
</html> 
运行效果:



0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:58487次
    • 积分:1319
    • 等级:
    • 排名:千里之外
    • 原创:74篇
    • 转载:13篇
    • 译文:0篇
    • 评论:1条
    阅读排行
    最新评论