HTML Onmouseover帮助改变图像

Question

我需要帮助改变这个图像时，它被掩盖了。这不起作用。请帮忙？

<a href="#" onmouseover="document.getElementById('gotosite'). 

     src='b.png';" 

     onmouseout="document.getElementById('myimage1'src='bmo.png';"> 

     <img src="b.png" id="gotosite" /></a> 

Answer 1

试试这个：

<img src="image.png" onmouseover="this.src='image.png'" onmouseout="this.src='image.png'" width="70" height="70" alt=""> 

Answer 2

我看到两个问题与您的代码。首先，在您的onmouseout代码中，图像的ID有错误。它应该是gotosite，但你有myimage1。此外，你错过了一些括号和document.getElementById('myimage1'后的一段时间。

尝试这种情况：

<a href="#" onmouseover="document.getElementById('gotosite').src='b.png';" onmouseout="document.getElementById('gotosite').src='bmo.png';"><img src="b.png" id="gotosite" /></a> 

下面是使用此代码与唯一的图像URL的小提琴改变：

http://jsfiddle.net/jwnace/w2cL69x3/