How to Build a Kick-Butt CSS3 Mega Drop-Down Menu | Nettuts

コンテンツがたっぷりつまって使いやすそうなドロップダウンメニュー実装デモ＆チュートリアル。
ドロップダウンメニューというとテキストリンクだけの羅列をイメージしがちですが、次のようなリッチなドロップダウンを実装するデモです。
ソースのDLが可能なのでカスタマイズして使うことが出来ます。



画像なんかも入ってリッチなドロップダウン。


５カラムから構成される複雑なレイアウトもタブの中に入っちゃいます。



４カラム。シンプルだけどカテゴライズされていて押しやすい。



ドロップダウンメニューの大項目は必要最小限にして、下位でこういう感じに広げれば、基本のシンプルさは保ちつつ、沢山ページのあるサイトであっても比較的迷うことないナビゲーションを実現できるのかも。

関連エントリ

• ドロップダウンメニューにテーブルやフォーム等何でも埋め込んでしまえるjQueryプラグイン「MegaMenu」
• select ボックスを大きくして選択しやすく使いやすくできるjQueryプラグイン「Mega Select」