[CSS]スクリプトやテーブルや条件付きコメントやハック無しで実装するドロップダウン型のナビゲーション
Post on:2009年9月9日
CSS Hack、IEの条件付きコメント、table要素、JavaScriptを使用しないで、ドロップダウン型のナビゲーションを実装するスタイルシートをCSSplayから紹介します。
![デモのキャプチャ](/wp-content/uploads-2009-2d/2009090804.png)
Two CSS menus - NO hacks, NO conditional comments, NO tables and NO javascript.
demo
ドロップダウンを表示するトリガーはhoverとclickの二種類があり、どちらもハック無しで実装されています。
二つとも、active時にはドロップダウンがキープされます。
ナビゲーションはリスト要素で実装されており、各親階層ごとにul要素が使用されています。
また、dl要素版も公開されています。
![デモのキャプチャ](/wp-content/uploads-2009-2d/2009090904.png)
Definition list menu - NO hacks, NO conditional comments, NO tables and NO javascript.
sponsors