当我将鼠标悬停在主页上用作菜单链接的图像上时，如何更改背景

Question

我已经尝试了其他一些答案，但似乎无法理解答案，以便实施。我希望使用mouseover命令更改背景的图像的HTML代码，这些命令只是在我的图像文件中。

<a href="./car.html">
   <img src="images/index.jpg" id="Image3" alt="" border="0" style="width:153px;height:153px;">
</a>

Answer 1

试试这个：

document.getElementById('Image3').addEventListener('mouseover', function() {
    this.src = 'newImage.jpg';
}

document.getElementById('Image3').addEventListener('mouseout', function() {
    this.src = 'images/index.jpg';
}