jQuery Stop Animation

Question

jQueryアニメーションを備えたメニューバーがあります。そこには滑らかな画像効果があります。その上にカーソルを置くと、画像が変わります。メニューバー全体からマウスを離すと、デフォルトのメニューバーに変わります。

問題：ただし、現在アクティブなアニメーションが完了する前にメニューバー全体にマウスを移動すると、上で説明したデフォルトの画像に変更されず、もう一度マウスが出るまで他の画像に固定されますゆっくり。これは非常に頻繁に起こり、アニメーションがすべての方向を乱してしまいます。

jQueryを使用して、メニュー全体からマウスを離したときに、他のすべてのアニメーションを途中で停止する方法が必要です。したがって、マウスが領域全体を離れるたびに、すべてのアニメーションをキャンセルしてデフォルトに戻すだけです。

私のJSファイルが縮小されていますが、ここで見てみることができます。 http://designsweeter.com/live/bcmedical/wp-content/themes/designsweeter/scripts/menu.js

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

Answer 1

はあなたのコードのはかなり混乱原因特定の答えを与えるが、これを含めてみてくださいすることはできません折り返し電話。

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

特定の状況に合わせてセレクタと.animateコードを置き換える必要があります。

希望すると便利です。