javascript - 限制和动画功能

Question

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

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

这是我现在拥有的代码。

Answer 1

尝试使用stop 方法，如下所示：

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