当您将鼠标悬停在图像上时,我正在尝试更改图像的 src。这是我的尝试,但它不起作用:
HTML:
<img src="images/work.png" id="work"/>
jQuery:
$(document).ready(function() {
$("#work").mouseover(function() {
$(this).attr("src", "images/workH.png");
});
$("#work").mouseout(function() {
$(this).attr("src", "images/work.png");
});
});
编辑 1:@Erik:我再次尝试了此代码,但使用的是 200x200px img。代码运行良好。是不是我的标志图片太小了?
Edit2:我发现了问题!麻烦各位大佬抱歉。但是感谢您对此的帮助。
我在工作图像上方写了一个徽标图像。它处于浮动状态,允许工作图像停留在其下方。大多数标志图像是透明的,使工作图像可见。但是,当我将鼠标悬停在我的图像上时,它们并没有改变,因为徽标挡住了。
掌心时刻