一个随机颜色的函数

最新推荐文章于 2024-09-18 20:53:15 发布

原创最新推荐文章于 2024-09-18 20:53:15 发布 · 323 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#F# #C #C++ #C#

Javascript 专栏收录该内容

29 篇文章

订阅专栏

本文介绍了一个使用JavaScript编写的简单实用的功能，该功能能够生成随机的十六进制颜色代码，并将其应用于网页元素的背景色中。通过点击按钮即可实现背景颜色的实时变化。

function randomColor() {	//16进制方式表示颜色0-F	
	var arrHex = ["0","1","2","3","4","5","6","7","8","9","A","B","C","D","E","F"];	
	var strHex = "#";	
	var index;	
	for(var i = 0; i < 6; i++) {	//取得0-15之间的随机整数	
		index = Math.round(Math.random() * 15);		
		strHex += arrHex[index];
	}	
	return strHex;
}

function changeColor(){
	var links = $('#tip_bgColor span');
	for(var i=0;i<links.length;i++){
		var bgColor = randomColor();//改变背景色的代码，
		links[i].style.backgroundColor = bgColor;
	}
}
changeColor();
$('.next_eff').click(function(){
	changeColor();
})