博客列表 >点击随机产生背景色

点击随机产生背景色

俞斌的博客
俞斌的博客原创
2019年03月29日 10:53:30551浏览

实例

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>点击随机产生背景色</title>
	
</head>
<body>
	<button onclick="beijingColor()">随机产生背景色</button>
	
	<script type="text/javascript">
		function beijingColor()
		{
			var bg = document.getElementsByTagName("body")[0];
			var r = Math.round(Math.random() * 255);
			var g = Math.round(Math.random() * 255);
			var b = Math.round(Math.random() * 255);
			var co = "rgb(" + r + "," + g + "," + b  + ")";
			bg.style.background = co;
		}
	</script>
</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例


声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议