码迷,mamicode.com
首页 > 其他好文 > 详细

随机产生div背景颜色变化

时间:2014-11-21 18:06:13      阅读:169      评论:0      收藏:0      [点我收藏+]

标签:style   blog   http   io   ar   color   sp   on   div   

bubuko.com,布布扣

使一个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>

 

随机产生div背景颜色变化

标签:style   blog   http   io   ar   color   sp   on   div   

原文地址:http://www.cnblogs.com/heboliufengjie/p/4113326.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!