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/