メニューとサブメニューの隙間の隙間

私はサブメニュー付きの水平メニューに取り組んでいます。メニューのjQueryを使用してドロップダウン機能を有効にしました。これは今のところうまく機能しています。メニューとサブメニューの隙間の隙間

ただし、設計上の理由から、水平メニューと垂直サブメニューとの間に小さな隙間があります。したがって、マウスをサブメニューに合わせると、ホバリングしているので、サブメニューが論理的に消えてしまいます。

しかし、私はそのサブメニューが必要です。何か案は？

あなた自身で確認してください。@ [削除されたURL。すでに提供されているソリューション]

多くのことに感謝します。 CSSで

変更

#Menu ul ul { 
    display: none; 
    position: absolute; 
    top: 40px; 
}

その間のギャップを想定し

#Menu ul ul { 
     display: none; 
     position: absolute; 
     padding-top: 40px; 
    }

2012-04-17 10:24:42

があるため、パディングの、親李はもうクリックするカント、しかしあなたのシンプルなソリューション –

いただきありがとうございますか！ –

にメニューは以下のように消えるように言われないように設計上の選択がhoverIntentプラグインを使用していますマウスがメニューを離れるとすぐに。代わりに、ユーザーが消える前にメニューから離れることができる所定の余裕時間があります。

また、アニメーションキューの問題を持っています。それを防ぐにはthis techniqueを使用してください。

2012-04-17 10:26:03

多くのおかげで、これはキューの問題を防ぐのにも役立ちました！ –

あなたはマージンやパディングとCSSのあなたのギャップを追加することができます。

とにかく、これはあなたがメニューを作ることができる良いリンクです：

2012-04-17 10:36:34 MHF

答えて