javascript基础练习-随机改变颜色

来源:互联网 发布:淘宝宝贝竖图怎么弄 编辑:程序博客网 时间:2024/05/22 01:26

主要就是通过random方法改变RGB数值:

<!DOCTYPE html><html><head><title></title><style type="text/css">.content{width: 200px;height: auto;padding: 20px;margin:0 auto;color: white;background: black;}button{display: block;width: 100px;height: 40px;margin: 0 auto;}</style><script type="text/javascript">window.onload=function(){var content=document.getElementById('content');var btn=document.getElementById("btn");btn.onclick=function(){var b=new Array();for(var i=0;i<3;i++){b[i]=parseInt(Math.random()*255);}content.style.background="rgb("+b[0]+","+b[1]+","+b[2]+")";};}</script></head><body><div class="content" id="content">这是一个小练习</div><button id="btn">点击改变颜色</button></body></html>


原创粉丝点击