随机产生div背景颜色变化
2014-11-21 16:51
190 查看
使一个DIV在每次刷新后变化背景颜色，很容易想到JS的random（）函数；通过每次刷新页面产生使背景rgb随机产生
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="copyright">
<title>随机变化背景色</title>
<style>
#div1 { width:200px; height:200px; background:rgb(255, 0, 0); }
</style>
<script>
//这个随机函数公式要记住
function rnd(m,n){
return parseInt(Math.random()*(n-m)+m);
};
window.onload=function()
{
var oDiv=document.getElementById('div1');
oDiv.style.background='rgb('+rnd(0,256)+', '+rnd(0,256)+', '+rnd(0,256)+')';
};
</script>
</head>
<body>
<div id="div1"></div>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 用a伪类的后代标签实现鼠标放到图片上产生背景颜色变化
- js实现点击按钮后给Div图层设置随机背景颜色的方法
- js实现点击按钮后给Div图层设置随机背景颜色的方法
- 左侧导航背景颜色随机变化
- 利用css实现div背景颜色动态渐变
- DIV+CSS颜色边框背景等样式
- 改变DIV的背景颜色透明度，但其中的文字不受影响?
- div没有设置高度，背景颜色却无法显示
- 他们控制的定义--让背景颜色变化ViewPager逐步幻灯片
- android——背景颜色渐变（梯度变化）
- 让背景图片跟随div大小变化代码
- div+css实现鼠标放上去，背景跟图片都会变化。
- android——背景颜色渐变（梯度变化）
- JS实现产生随机颜色的十六进制代码
- 三种方法鼠标经过改变DIV背景颜色
- 当鼠标放在div上时改变背景颜色
- 随机改变背景颜色
- div不设置高度背景颜色或外边框不能显示
- android 通知栏背景颜色跟随app导航栏背景颜色变化而变化
- ASP.NET中GridView：当鼠标滑过行时背景颜色、数据字体发生变化，鼠标离开行时还原初始状态