先看看效果:
上js代码看看吧:
window.onload=function(){
var att=['0','1','2','3','4','5','6','7','8','9','A','B','C','D','E','F'];
var yanse='#';
var box=document.getElementById("box");
//方法一
// box.onclick=function(){
// for(var i=0;i<6;i++){
// var b=Math.floor(Math.random()*16);
// yanse+=att[b];
// }
// box.style.background=yanse;
// yanse='#';
// }
//方法二
var yanseyanse='rgba(';
box.onclick=function(){
for(var i=0;i<3;i++){
var c=Math.floor(Math.random()*255);
yanseyanse+=c+',';
}
var d=Math.floor(Math.random()*100);
yanseyanse+=d+')';
box.style.background=yanseyanse;
yanseyanse='rgba(';
}
}