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

【问题标题】：Change image onmouseover and onmouseout events work in IE but do not work in Chrome/FireFox更改图像 onmouseover 和 onmouseout 事件在 IE 中有效，但在 Chrome/FireFox 中无效
【发布时间】：2012-06-03 08:01:58
【问题描述】：

想在我的网站上显示另一个图像 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 中有效，但在其他浏览器中无效。（我知道，对吗？通常情况相反）。显示图像，但鼠标悬停/悬停效果不起作用。我错过了什么？

提前谢谢你！

【问题讨论】：

你知道 iconMouseOver/Out 事件是否在其他浏览器中被调用？
写“return;”在函数结束时。未经测试，但可能有效。

标签： javascript jquery asp.net-mvc razor

【解决方案1】：

我给你准备了一个例子here

我正在使用 jQuery 悬停方法

【讨论】：

谢谢，我今晚回家试试。希望它适用于部分视图。
您的示例的问题是我没有静态图像。我可以分配给 .hover()。正如您从上面的示例中看到的那样，我将特定图像传递给“hover”/mouseOver 函数，并分配在图片中传递的哪些图像应该在进出时被替换。我想知道是否有一种方法可以用我在这里所做的来实现您的示例
嗨！我猜错了，你只需要使用data-imagesrc-x属性设置图片