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

 

posted on 2014-11-21 16:51  高尔础础  阅读(913)  评论(0编辑  收藏  举报