如何在另一个链接的鼠标悬停上更改表格背景图像

时间:2011-10-02 20:17:55

标签: javascript css mouseover css-tables

我这是为了更改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>

但是,有没有办法在另一个图片链接的hover上更改表格的背景图片?

1 个答案:

答案 0 :(得分:1)

当然,请看一个示例here

这是通过向img提供idtable提出id来完成的。然后我们会监听鼠标何时位于img之上,当它出现时,请更改background-image的{​​{1}}。

只想使用内联JavaScript?使用此:

table