怎样通过onMouseOver去更改表格单元格的背景图?????

[一杯咖啡]

我以前做的是鼠标移动到按钮图片时，更改二态按钮图片，但这样的话，每个按钮就用了两张图片。
我想能不能将原来每一态和二态按钮图片做成单元格的背景，当鼠标移动到单元格上面的文字时，更改背景图片。

[lbd8848]

onmousemove="if (表格id.style.background=='a.gif'){
表格id.style.background='b.gif';else 表格id.style.background='a.gif'}"

[lbd8848]

更正onmousermove 为onmouseover

[wangxj0600]

onmousemove="表格id.style.background='b.gif';“
onmouseout = "id.style.background='a.gif';"

[希默软件]

<style>
.pic1{background:url(http://expert.csdn.net/images/csdn.gif)}
.pic2{background:url(http://www.csdn.net/images/ad/vsnet_120.gif)}
</style>
<table width=100 height=100 border=1>
<tr>
<td onmouseover="this.className='pic2'" onmouseout="this.className='pic1'" class="pic1"> </td>
</tr>
</table>

[一杯咖啡]

to bencalie(Bencalie)
你的方法很不错:)
但鼠标的移动，游览器每次都会去网站上下载该背景图，显得很慢。

[一杯咖啡]

能不能先加载了该图片？然后更换背景时就不需要去下载该图片，提高图片的替换速度？？？？

[flashsoft2000]

用图片数组
然后调用就调用数组内容
以上是类似写法

ImageArray=["loads.gif","up_d.gif","down_d.gif","down_o.gif","up_o.gif","loads.gif","up_d.gif","down_d.gif","down_o.gif","up_o.gif","loads.gif","up_d.gif","down_d.gif","down_o.gif","up_o.gif","loads.gif","up_d.gif","down_d.gif","down_o.gif","up_o.gif","loads.gif","up_d.gif","down_d.gif","down_o.gif","up_o.gif","loads.gif","up_d.gif","down_d.gif","down_o.gif","up_o.gif","loads.gif","up_d.gif","down_d.gif","down_o.gif","up_o.gif","loads.gif","up_d.gif","down_d.gif","down_o.gif","up_o.gif","loads.gif","up_d.gif","down_d.gif","down_o.gif","up_o.gif","loads.gif","up_d.gif","down_d.gif","down_o.gif","up_o.gif","loads.gif","up_d.gif","down_d.gif","down_o.gif","up_o.gif"];
function preLoad(path,obj){
for(i=0;i<=obj.length;i++){
this[i]=new Image();
this[i].src=path+obj[i];
}
return this;
}
preb=new preLoad("image/",ImageArray);

[一杯咖啡]

但我不懂得如何结合起来用呀！！！！！！！！！！！！

[一杯咖啡]

我现在已经预先加载了那几张背景图，可是每次触发onmouseover，onmouseout事件，背景还是要重新下载一遍？？？？？为什么呀！！！！
效果如下：
http://www.21cantonfair.com/newgb/zdzn/index.asp