如何在元素悬停后移回原来的位置

Question

我试着当另一个DIV使用下面的代码徘徊于一个div移动到右边 -

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

但如何让DIV回去在用户完成在boardpicture2上的悬停后，它到原来的位置？是否有一个函数调用unhover什么

感谢所有帮助

Answer 1

.hover()需要两个参数，第一个是回调的mouseenter和第二鼠标离开回调。如果没有提供第二个回调，则在mouseenter和mouseleave事件上都会调用第一个回调函数。

因此，您可以在第二个回调中添加unhover逻辑。

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