限制和动画功能

Posted 2023-05-08

【中文标题】限制和动画功能

【英文标题】：Limit and Animate Function

【发布时间】：2013-08-27 13:38:07

【问题描述】：

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

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

这是我现在的代码。

【问题讨论】：

api.jquery.com/stop

【参考方案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);
);  

【讨论】：

太棒了！谢谢。我有另一个问题很快。为什么即使对象内部的元素，mouseover 和 mouseout 函数也会响应。就像当我滚动到 .cover_1 元素内的一些文本时，它的反应就像我要离开它一样。

老实说可能是糟糕的 CSS

我发现这是因为 over/out 函数不支持子对象。我只是将它们更改为进入/离开。感谢您的帮助。