更改圖像onmouseover和onmouseout事件在IE中工作，但不在Chrome/FireFox中工作

想要在我的網站上顯示另一個圖像onmouseover和onmouseout。我有以下幾點：更改圖像onmouseover和onmouseout事件在IE中工作，但不在Chrome/FireFox中工作

<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，但沒有任何其他瀏覽器。（我知道，對嗎？通常情況是相反的）。顯示圖像，但鼠標懸停/懸停效果不起作用。我錯過了什麼？

預先感謝您！

來源

2012-05-29 Shenaniganz

你知道，如果iconMouseOver /輸出事件甚至還讓在其他瀏覽器叫什麼名字？ – JohnFx

寫上「return;」在函數結束時。未經測試但可能有效。 –

什麼是呈現的HTML？ – TheVillageIdiot

我準備了一個例子here

我使用jQuery懸停方法

來源

2012-05-29 10:43:12 Subgurim

謝謝，當我今晚回家時，我會嘗試一下。希望它能與部分視圖一起工作。 – Shenaniganz

你的例子的問題是我沒有一個靜態圖像。我可以分配給.hover（）。從上面的示例中我可以看到，我將特定圖像傳遞給「懸停」/ mouseOver函數，並指定通過圖片傳遞的圖像應該被替換爲進出。我想知道是否有一種方法可以用我在這裏做的事情來實現你的例子 – Shenaniganz

嗨！我已經讓你失望了，你只需要使用data-imagesrc-x屬性來設置圖像 – Subgurim

回答

相關問題