4

シンプルなドロップダウンメニューを作成しました。
コードとデモはこちら: http://jsfiddle.net/3Lq2d/5/
次のようになります:
メニュー

マウス オーバーMENU 1は s でフェードしSubmenuます。

あなたがたまたまスパズで、メニュー上でマウスをたくさん動かした場合を除いて、それはうまく機能します。

を使用.stop(true,true)すると、spaz の問題が修正されますが、メニューからサブメニューにマウス ダウンする機能が削除されます。フェードイン/フェードアウトを使用してわずかな遅延を与えているため、マウスがメニューからサブメニューに移動すると、サブメニューが表示されたままになります... stop(true,true) これが壊れます。

すべての適切な場所でわずかな遅延を伴うフェード メニューを作成する最善の方法は何ですか?

アップデート：

hoverintentの遅延を追加して、完全に満足するまでいじりました...最終的なコードは次のとおりです：http://jsfiddle.net/3Lq2d/75/

4

1 に答える 1

1

両方return false;を削除してください。これがあなたの問題だと思います。http://jsfiddle.net/3Lq2d/3/

また、これにはdivの代わりに順序なしリストを使用することをお勧めします。これはより理にかなっていて、頭痛の種が少なくなります。

少し前に書いたこのチュートリアルを見てください http://www.onextrapixel.com/2011/06/03/how-to-create-a-horizo ​​ntal-dropdown-menu-with-html-css-and-jquery /

于 2012-02-04T04:01:04.937 に答える