js控制网页随机变色

来源 : 时间：2014-02-17 13:07:40 人气指数 :

导语

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>js控制网页随机变色 - Www.aseoe.Com</title>
    <style type="text/css">
        * {margin: 0; padding: 0;}
    </style>
    <script type="text/<a href="http://www.aseoe.com/javascript/" target="_blank" class="keylink">javascript</a>">
        onload = function () {
            var oBody = document.body;
            setInterval(function () {
			  // [0, 256)即0-255的颜色值，然后通过rgb标准来设置background-color。
			  //数值越小 背景色变化波动越小
                r = Math.floor(Math.random()*20); 
                g = Math.floor(Math.random()*20);
                b = Math.floor(Math.random()*20);
                oBody.style.backgroundColor = "rgb(" + r + ", " + g + ", " + b + ")";
            }, 5000);
        }
    </script>
</head>
<body>
<hr>
<script type="text/<a href="http://www.aseoe.com/javascript/" target="_blank" class="keylink">javascript</a>" language="javascript">
// <![CDATA[
var bigwww_ad_id=13;
var bigwww_rid=246036;
// ]]>
</script>
<script type="text/javascript" language="javascript" src="http://sudu.cn/js/get_ad.js?width=248&height=248" id="bigwww_script13"></script>
</body>
</html>

提示：可以先修改部分代码后再运行

TAG:js 网页变色

本站欢迎任何形式的转载，但请务必注明出处，尊重他人劳动成果
转载请注明：文章转载自：爱思资源网http://www.aseoe.com/show-46-111-1.html

js控制网页随机变色

[前端书籍推荐] BOOK