Javascript 如何在鼠标滑过另一个链接时更改表格背景图像

我用它来更改

div.fullscreen

的背景图像：

<div id="swatches">
  <a href="http://www-03.ibm.com/ibm/history/exhibits/storage/images/PH3380A.jpg">
    <img src="http://www.wmagency.co.uk/wp-content/uploads/2011/04/test.jpg"
         onmouseover="document.images['bigPic'].src='http://josefsipek.net/docs/s390-    linux/hercules-s390/ssh-dasd1.png';"
         width="72" height="54" alt="Item ksc1" />
  </a>
</div>

但是，是否有方法更改另一个图像链接的

悬停

上表格的背景图像？

当然，请看一个示例

这是通过给

img

一个

id

和

表一个
id
来实现的。然后我们监听鼠标在
img
上的时间，当鼠标在
img上时，更改
表的
背景图像

只想使用内联JavaScript？使用以下命令：

<div id="swatches">
  <a href="http://www-03.ibm.com/ibm/history/exhibits/storage/images/PH3380A.jpg">
    <img src="http://www.wmagency.co.uk/wp-content/uploads/2011/04/test.jpg"
         onmouseover='document.getElementById("table_id_here").style["background-image"]="url(\'http://www.gravatar.com/avatar/\');'
         width="72" height="54" alt="Item ksc1" />
  </a>
</div>


既然您已经在使用JavaScript，为什么不准备接受非CSS解决方案（问题标题中的“仅CSS”）？抱歉。我忘了我使用了一些JS，但通常更喜欢css，因为有些浏览器关闭了javascript。无论哪一个是最有效的都将是非常感谢！哦，问题马上就解决了。助教！嗨，沙兹，我好像没法让这个工作。请参阅：非常感谢您迄今为止所做的一切。@Kelly删除
$（文档）
ready函数，然后将唯一的
脚本
块移动到表后（位于结束正文标记的正上方）