问jQuery停止动画
EN

Stack Overflow用户

提问于 2011-07-16 11:43:31

回答 1查看 1K关注 0票数 0

我有一个带有jQuery动画的菜单栏。它有一个滑动的图像效果。当您将鼠标悬停在每个项目上时，图像会发生变化，当您将鼠标悬停在整个菜单栏之外时，图像将变为默认菜单栏。

问题:然而，如果你在当前活动的动画完成之前悬停在整个菜单栏之外，它不会改变上面提到的默认图像，并且你会被卡在另一个图像上，直到你再次缓慢地鼠标移出。这种情况经常发生，并导致动画的方向变得混乱。

当我将鼠标移出整个菜单时，我需要一种方法来使用jQuery在中间停止所有其他动画。因此，当鼠标离开整个区域时，请取消所有动画，只需将动画恢复为默认设置。

我的JS文件是缩小的，但您可以在这里查看：http://designsweeter.com/live/bcmedical/wp-content/themes/designsweeter/scripts/menu.js

美化JS：http://designsweeter.com/live/bcmedical/prettymenu.js

回答已采纳

发布于 2011-07-16 12:07:45

无法给出具体答案，因为您的代码相当混乱，但请尝试包含此回调。

jQuery('ul.your-menu').mouseout(function() {
    jQuery(this + ' li').stop(true, true).animate(*YOUR CODE HERE - to return to default image*);
}

您需要替换选择器和.animate代码以适应您的特定情况。

希望这能有所帮助！

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/6715163

复制

相似问题

问jQuery停止动画EN