以下在鼠标悬停/鼠标悬停时更改图像源的函数在 Chrome 中有效:
$(document).ready(function() {
$('#img_home').mouseover(function() {
img_home.src = 'img/btn/act/home2.gif';
})
.mouseout(function() {
img_home.src = 'img/btn/pas/home.gif';
});
在 Firefox 中,控制台显示“img_home”未定义。
这是标记:
<a href="Default.aspx">
<img alt="home" src="img/btn/pas/home.gif"
id="img_home" style="border: none" />
</a>
有什么想法吗?
最佳答案
你需要使用this
,它会返回相关元素:
$(document).ready(function() {
$('#img_home').mouseenter(function() {
this.src = 'img/btn/act/home2.gif';
})
.mouseleave(function() {
this.src = 'img/btn/pas/home.gif';
});
关于javascript - Firefox 中未定义图像 ID,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4081327/