JavaScript 随机改变背景颜色
0
悬赏园豆：20
[已解决问题]
解决于 2010-09-07 06:57
<INPUT TYPE = BUTTON Value = "button" onClick = "colorBackground()">
<SCRIPT LANGUAGE = JavaScript>
function colorBackground()
{
document.bgColor +=0X000008
}
</SCRIPT>
</HTML>
上面代码没有效果
最佳答案
0
以改变表格里某行背景为例：
HTML
<tr onmouseover='TrOver(this)' onmouseout='TrOut(this)'>
JS部分
TrOver = function(obj) {
obj.className += ' over';
};
TrOut = function(obj) {
obj.className = obj.className.replace(' over', '');
};
CSS部分需要自己定义over
祝你成功!
收获园豆：20
其他回答(4)
0
你的写法有误，更改背景色应该是：document.body.style.backgroundColor
如果想随机变换需要使用Math.random来进行随机生成
你可以试下这段代码的，点击即可更换代码
function change(){
var me3="#"+Math.floor(Math.random()*256).toString(16)+Math.floor(Math.random()*256).toString(16)+Math.floor(Math.random()*256).toString(16);
document.body.style.backgroundColor=me3;
document.body.style.border="2px solid";
document.body.style.borderColor=me3;
document.body.style.padding="10px 10px 10px 10px";
}
function fun()
{
var ranCcolor=randomco();
document.bgColor=randomco();
}
function randomco()
{
var arr=["0","1","2","3","4","5","6","7","8","9","A","B","C","D","E","F"];
var randomColor="#";
for(var i=0;i<6;i++)
{
index=Math.round(Math.random()*15)
randomColor+=arr[index];
}
return randomColor;
}
这个火狐的也支持，太复杂了。
@liangyammu:太复杂了？不好？还是需要简单的？
0
//<INPUT TYPE = BUTTON Value = "button" onClick = "colorBackground()">
<INPUT TYPE = BUTTON Value = "button" onmouseover= "colorBackground()">
<SCRIPT LANGUAGE = JavaScript>
function colorBackground()
{
document.bgColor +=0X000008
}
</SCRIPT>
</HTML>
改个事件名称试试。 onclick 表示的是你每点一次才触发一次事件。
0
怎么用+=呢？
0
我用vista系统，ie7浏览器，可以运行你的程序，但不能随机改变颜色。你的代码的颜色也是固定的，怎么会随机呢。
我点击后，页面背景出现黄色。可能你的写法只适合一些浏览器。
<INPUT TYPE = BUTTON Value = "button" onClick = "colorBackground()">
<SCRIPT LANGUAGE = JavaScript>
function colorBackground()
{
document.bgColor +=0X000008*Math.random();
}
</SCRIPT>
</HTML>
上面代码是可以的。
IE6支持，火狐不支持啊 ！！！
你用的啥火狐 我的火狐支持