javascript 如何控制背景图象

来源：百度知道 编辑：UC知道 时间：2024/06/18 13:45:48
background-image: url(../images/note_6.gif);
上面是css的背景图片的语句．如何通过javascript来对它重新赋值．
this.style.background-image="url(../images/note_6.gif)";
这句javascript是我写的，不起作用．望达人指点．

<head>
<style>
.bg1{
background-image:url('/images/note_6.gif');
width:300px;
height:300px;
}
</style>
</head>

<body>
<table class="bg1" id="t1">
<tr><td>
<input type="button" onclick="change();" value="change background image" />
</td></tr>
</table>

<script>
function change(){
document.getElementById('t1').style.background="url('/images/note_5.gif')";
}

</script>

</div>
</body>

主要要给table或div指定个id，再通过id来赋值，注意，不是name,是id。

随机变换背景图象

在<head></head>之间加上如下代码：

<Script Language="JavaScript">
image = new Array(4); //定义image为图片数量的数组
image [0] = 'tu0.gif' //背景图象的路径
image [1] = 'tu1.gif