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>

以下是使用此代码的小提琴，只更改了图片网址：

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

HTML Onmouseover帮助更改图像

2 个答案: