改变背景图案？

[ahui_net]

<table onmouseover="this.style.backgroundImage='url(http://lucky.myrice.com/back.jpg)'" onmouseover="this.style.backgroundImage='url(http://lucky.myrice.com/javabk2.jpg)'">


这样我改变了一个背景图案，如果我想通过一个连接来改变它怎么弄，就是不用this

[saucer]

<table id="mytbl" ...>...</table>
<a href="#" onclick="mytbl.style.backgroundImage='url(http://lucky.myrice.com/javabk2.jpg);">change background</a>

[qiushuiwuhen]

给他一个id
<table id=demo onmouseover="document.all.demo.style.backgroundImage='url(http://lucky.myrice.com/back.jpg)'" onmouseover="document.all.demo.style.backgroundImage='url(http://lucky.myrice.com/javabk2.jpg)'">
<td>...</td>
</table>

<a href=javascript:document.all.demo.style.backgroundImage='url(http://lucky.myrice.com/javabk2.jpg)>mouseover</a>

<a href=javascript:document.all.demo.style.backgroundImage='url(http://lucky.myrice.com/back.jpg)>mouseout</a>

[qiushuiwuhen]

需要加一个void函数，不如a就转向了，修正如下：

<table id=demo onmouseover="document.all.demo.style.backgroundImage='url(http://lucky.myrice.com/back.jpg)'" onmouseout="document.all.demo.style.backgroundImage='url(http://lucky.myrice.com/javabk2.jpg)'">
<td>...</td>
</table>

<a href="javascript:void(document.all.demo.style.backgroundImage='url(http://lucky.myrice.com/javabk2.jpg)')">mouseover</a>

<a href="javascript:void(document.all.demo.style.backgroundImage='url(http://lucky.myrice.com/back.jpg)')">mouseout</a>