[CSS]スタイルシートで実装するアコーディオン型ナビゲーション
スクリプト無しで、アコーディオン型ナビゲーションを実装するスタイルシートをCSSplayから紹介します。
A CSS only menu with 'current page' override
demo
スクリプト無しでは操作性がどうかなと思ったのですが、きびきび動作する感じで悪くないなと思いました。
デモでは、「Services」の下位の「Printing」を現在ページとしてハイライト処理されており、各項目をホバーすることで親階層の項目が開きます。
対応しているブラウザは、IE6/7/8, Fx, Op, Safari(PC), Chromeとのことです。
Post on:2009年10月30日
Comments
[CSS]スタイルシートで実装するアコーディオン型ナビゲーション | コリス « とっても！ ちゅどん（雑記帳）
on 2009年10月30日
[...] [CSS]スタイルシートで実装するアコーディオン型ナビゲーション | コリス [CSS]スタイルシートで実装するアコーディオン型ナビゲーション | コリス [...]