0

当您将鼠标悬停在图像上时,我正在尝试更改图像的 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:我发现了问题!麻烦各位大佬抱歉。但是感谢您对此的帮助。

我在工作图像上方写了一个徽标图像。它处于浮动状态,允许工作图像停留在其下方。大多数标志图像是透明的,使工作图像可见。但是,当我将鼠标悬停在我的图像上时,它们并没有改变,因为徽标挡住了。

掌心时刻

4

1 回答 1

2

没什么。它应该可以正常工作。你的两张图不一样吗?包含 jQuery 库吗?


您可以将代码简化为:

$(document).ready(function() {
    $("#work").hover(function() {
        $(this).attr("src", "images/workH.png");
    }, function() {
        $(this).attr("src", "images/work.png");
    });
});
于 2012-05-23T22:54:40.723 回答