2012-04-08 5 views
0

私はドロップダウンメニューhereを持っています。 thisサイトのように、プルダウンをすぐに表示させるにはどうすればよいですか?トップメニューのドロップダウンを遅れやアニメーションなしで表示するにはどうすればいいですか?

編集:マウスが動いている間にドロップダウンが表示されず、マウスが停止しているときのみ表示されます。マウスがメニュー項目で停止しない場合は、ドロップダウンがより新しく表示されます...

EDIT2:それが表示された意図したように、問題はChromeのみ、FFとIEの仕事に提示されている。..

+0

もっと明確になりますか?それは私に瞬時に見える。 – Ross

+0

'a'要素の寸法を適切に設定する必要があると思います。これは、jsが適切な時にメニューをアクティブにすることを可能にします... – xandercoded

+0

@Ross 2番目の例のメニューと比較すると、マウスオーバー時に約0.5秒の遅延があることがわかります – Acidon

答えて

0

問題は、それが最初に隠されているので、ブラウザは、背景画像をロードしていないことです。遅延は、そのイメージがサーバーから要求されているために発生します。私はそれを何らかの形であらかじめロードしています。ダミーのピクセル幅のdivを、ページの下部に背景イメージとしてそのイメージとともに追加してください。

+0

ok私はbgを色ではなく色に変更しましたが、まだ問題があります。遅延を引き起こす原因を考えました。マウスが動いている間はドロップダウンが表示されませんマウスが停止したときのみ表示されます。マウスがメニュー項目に決して止まらない場合、ドロップダウンはもっと新しいものになります... – Acidon

+0

問題はChromeで表示され、FFとIEは意図したとおりに動作します。 – Acidon

+0

@アシドン、そうだね再現できません。 Chromeで瞬時に表示されます。 – McGarnagle