javascript - 更改图像 onmouseover 和 onmouseout 事件在 IE 中有效，但在 Chrome/FireFox 中无效

Question

想在我的网站上显示另一个图像 onmouseover 和 onmouseout。我有以下内容：

<img src="@(Model.ThumbPath)" alt='@Model.Description' 
     onmouseover='iconMouseOver(this,"@Model.ThumbInvPath")' 
                onmouseout='iconMouseOut(this,"@Model.ThumbPath")'/>

调用 Javascript 方法：

function iconMouseOver(targetImg, replaceImg) {
    $(targetImg).attr('src', replaceImg);
}

function iconMouseOut(targetImg, replaceImg) {
    $(targetImg).attr('src', replaceImg);
}

上面的代码在 IE 中有效，但在其他浏览器中无效。（我知道，对吗？通常情况相反）。显示图像，但鼠标悬停/悬停效果不起作用。我错过了什么？

先感谢您！

Answer 1

我在这里为你准备了一个例子

我正在使用 jQuery 悬停方法