CSSplayにてJavaScriptを使わずにCSSだけ、しかもハックを使わずに
様々な形状のドロップダウンを形成する方法がたくさん掲載されていたので
まとめてご紹介。
≫Multi level dropdown/flyout menu – NO hacks, NO conditional comments, NO tables and NO javascript.
≫No hacks dropdown/flyout menu v2
≫No hacks dropdown/flyout menu v3
≫No hacks dropdown/flyout menu v4
≫No hacks dropdown/flyout menu v5
≫No hacks dropdown/flyout menu v6
≫No hacks dropdown/flyout menu v7
≫No hacks flyout menu v2
v4のみボタンクリック後にメニュー展開となっており、
その他はマウスオーバーでドロップダウンメニューが展開されます。
展開後メニューを広く見せる場合はこちら。
≫Professional flylist menu
ドロップダウンメニューが必要になった際には
いろいろと参考になりそうです。
是非。。。