2012-01-06 7 views
4

に1つのロールオーバーは、私がmouseovermouseleaveに基づいてdiv.slideDown & .slideUp効果を作成できるようにします。jqueryのは、一度

divsをロールオーバーすると、ロールオーバーが速くなり、ロールオーバーすると何回ロールオーバーしたかのように見え、すべてのslideDownsとslideUpsが実行されるまで停止しません。

例:http://juliosalvat.com/IconTest/

+0

ようこそSO、Julio。いくつかのコードのハイライトを入れたり、不必要なフレーズを削除するためにあなたの質問を少し編集しました。希望はそれですよ!あなたBTWで作業している素敵なサイト! –

答えて

4

ええ、これは厄介なものです。 jQueryのは、あなたはおそらく、キュー内のすべてのアニメーションを削除し、ちょうど最後の1を再生します.stop(true, true)である必要がありますどのような.stop()

http://api.jquery.com/stop/

を使用することができますキューショートカットに、イベントのキューを保持します。

+0

甘い男! –

+0

Matt、私がドロップダウン・エフェクトを持っている方法は、アコーディオン・エフェクトのようなjqueryです。 $( 'div.AccountingContent')。slideDown( 'normal'); }); $( 'div.AccountingButton')。 $( 'div.AccountingButton')。mouseleave(function(){ $( 'div.AccountingContent')。slideUp( 'normal'); });最後に停止を追加する? –

+0

フォーラムに新規ご登録 –

1

あなたはhoverIntentのような...ユーザーの 意思を決定しようとするプラグインですHoverIntent jQueryプラグインに

http://cherne.net/brian/resources/jquery.hoverIntent.html

になりますクリスタルボール、マウスの動きだけで!これは、 のように動作し、jQueryの組み込みのホバーから派生しました。ただし、すぐに の代わりにonMouseOver関数を呼び出すと、 ユーザーのマウスが十分に減速してから電話をかけるまで待機します。