[CSS]CSSだけで実装するドロップダウンメニュー -CSS Drop Down Menu

CSS Drop Down Menuは、JavaScript無しで、ドロップダウンメニューを実装するスタイルシートです。

CSS Drop Down Menuのキャプチャ

CSS Drop Down Menu
デモページ

実装されているナビゲーションは、IE7, Fx2, Opera9, Safari3 などで動作します。
※IE6では動作しません。

仕掛けとしては、リストの最初の項目(menu item)より下の項目を「display:none;」「display:block;」で表示・非表示を切り替えるものです。
同様のロジックとしては、下記もあります。


リストをストライプ状のアコーディオンにするスタイルシート

sponsors

top of page

©2024 coliss