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

最新推荐文章于 2021-06-03 17:19:58 发布

原创最新推荐文章于 2021-06-03 17:19:58 发布 · 8.5k 阅读

9 ·

CC 4.0 BY-SA版权

JS网页特效专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现的网页特效，该特效能够使网页中的文本在短时间内自动变换颜色，增强了用户体验。

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