Question

我有一个脚本，我试图用来更改图标的src attr。我正在加载的图标是不同的颜色，它旨在通知用户与该图标相关联的链接。

我将src更改为悬停时的第二个图标。但是，当用户从图标移动鼠标时，它不会恢复为原始图标并保持第二状态。

我已编写代码试图让它返回，但这似乎导致原始代码不起作用。（因此在添加第二个块时它不会做任何事情。）

非常感谢任何帮助。这是代码：

JS
$socialBlue1.hover(function () {
    $(this).attr("src", "../icons/socialBlue1.png");
});

$socialBlue1.not().hover(function () {
    $(this).attr("src", "../icons/socDark1.png");
});

Answer 1

您搜索了mouseout：

$socialBlue1.mouseout(function () {
    $(this).attr("src", "../icons/socDark1.png");
});

Answer 2

您可以在hover＆＃34;上使用.hover()方法同时使用＆＃34;并且＆＃34;关闭悬停＆＃34;。在第一个函数之后，将第二个函数放入.hover（）方法中。一旦.hover（）事件结束，它就作为回调。

http://api.jquery.com/hover/

它的外观如下：

$socialBlue1.hover(function () {
    $(this).attr("src", "../icons/socialBlue1.png");
}, function () {
    $(this).attr("src", "../icons/socDark1.png");
});

JQUERY - 不悬停后将SRC更改回原始状态

2 个答案: