javascript - 在悬停时更改图像后将图像更改回原始图像？

Question

我正在尝试使用 jQuery 将鼠标悬停在一张图片上，同时它会更改另一张图片。我已经完成了那部分，我不明白的部分是当我将鼠标悬停在图像上然后将鼠标移开它时，如何让原始图像返回？任何帮助将不胜感激。

这是我目前所拥有的:

$(document).ready(function(){
     $("#04").hover(function(){
        $("#imgBig").attr("src", "imgLab10/04.jpg");
     });
});

Answer 1

.hover() accepts two callbacks ，一个用于 hoverIn，一个用于 hoverOut。

所以你可以做类似的事情

$(document).ready(function(){
    $("#04").hover(
        function(){
            $("#imgBig").attr("src", "imgLab10/04.jpg");
        },
        function() {
             $("#imgBig").attr("src", "oldImg.jpg");
        }
    );
});