限制和动画功能

Question

我确定已经有很多这个问题的答案已经存在，但问题是我不知道要搜索什么。我基本上希望使用animate函数在用户将鼠标放在另一个对象上时将元素向上移动，并在移出鼠标时将其移回。我能够很好地工作，但我不确定如何限制它，以便它们不能很快地将鼠标移入和移出元素很多次，然后停止让对象继续动画多次当他们进入元素。

$('.cover_1').mouseover(function() { 
    $('.pop_1').animate({bottom: "0px"}, 100); 
}).mouseout(function(){ 
    $('.pop_1').animate({bottom: "-300px"}, 100); 
}); 

这是我现在的代码。

Answer 1

尝试使用stop method像这样：

$('.cover_1').mouseover(function() { 
    $('.pop_1').stop(true,true).animate({bottom: "0px"}, 100); 
}).mouseout(function(){ 
    $('.pop_1').stop(true, true).animate({bottom: "-300px"}, 100); 
});