jQuery停止动画

时间:2011-07-16 03:43:31

标签: javascript mouseover

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

问题:但是,如果您在当前活动动画完成之前将鼠标悬停在整个菜单栏之外,它将不会更改上面提到的默认图像,并且您将被卡在另一个图像上,直到您再次慢慢退出鼠标。这经常发生,并导致动画让他们的方向搞砸了。

当我将鼠标移出整个菜单时,我需要一种方法来使用jQuery来暂停中间的所有其他动画。因此,只要您的鼠标离开整个区域,就取消所有动画,然后将动画恢复为默认值。

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

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

1 个答案:

答案 0 :(得分:2)

无法给出具体答案,导致您的代码非常混乱,但请尝试包含此回调。

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

您需要替换选择器和.animate代码以符合您的具体情况。

希望这有帮助!