我正在尝试使用 jQuery 将鼠标悬停在一张图片上,同时它会更改另一张图片。我已经完成了那部分,我不明白的部分是当我将鼠标悬停在图像上然后将鼠标移开它时,如何让原始图像返回?任何帮助将不胜感激。
这是我目前所拥有的:
$(document).ready(function(){
$("#04").hover(function(){
$("#imgBig").attr("src", "imgLab10/04.jpg");
});
});
最佳答案
.hover()
accepts two callbacks ,一个用于 hoverIn
,一个用于 hoverOut
。
所以你可以做类似的事情
$(document).ready(function(){
$("#04").hover(
function(){
$("#imgBig").attr("src", "imgLab10/04.jpg");
},
function() {
$("#imgBig").attr("src", "oldImg.jpg");
}
);
});
关于javascript - 在悬停时更改图像后将图像更改回原始图像?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47295728/