Question

元格默认的图片是1.jpg，当鼠标悬停时是2.jpg，单鼠标单击时是3.jpg，怎么用javascript实现，相关代码如下

<tr><td width="157" height="27" background="../images/1.jpg" onmouseover="???" onclick="???" onmouseout="????"><a href="home.asp?id=1&action=">主页</a></td></tr>ziw希望写详细一些！
注意：我指的图片是指单元格的背景图片，而不是前景图片！

Answer 1

//鼠标移入
onmouseover = "function1(this)"
function1(item) {
item.style.backgroundImage = "url('2.jpg')";
}
//鼠标移出和鼠标松开
onmouseout = "function2(this)"
onmouseup = "function2(this)"
function2(item) {
item.style.backgroundImage = "url('1.jpg')";
}
//鼠标点击下
onmousedown = "function3(this)"
function3(item) {
item.style.backgroundImage = "url('3.jpg')";
}

Answer 2

onmouseover="javascript:this.style.background='url(../images/1.jpg)';"
onmouseout="javascript:this.style.background='url(../images/2.jpg)';"
onclick="javascript:this.style.background='(../images/3.jpg)';"
js操作css