如何在悬停后将元素移回原始位置

Question

我试图在使用以下代码悬停另一个div时向右移动div -

$('#boardpicture2').hover(function() {
     $('#boardpicture3').stop().animate({'margin-left': '100px'}, 1500);
});

但是在用户完成将鼠标悬停在boardpicture2之后，如何让div回到原来的位置？是否有一个名为unhover或

的函数

感谢您的帮助

Answer 1

.hover()有2个参数，第一个是mouseenter回调，第二个是mouseleave回调。如果未提供第二个回调，则在mouseenter和mouseleave事件上调用第一个回调。

所以你可以在第二个回调中添加unhover逻辑。

$('#boardpicture2').hover(function() {
     $('#boardpicture3').stop().animate({'margin-left': '100px'}, 1500);
}, function() {
     //your unhover logic
     $('#boardpicture3').stop().animate({'margin-left': '0'}, 1500);
});