[CSS]スタイルシートで実装するアコーディオン型ナビゲーション

スクリプト無しで、アコーディオン型ナビゲーションを実装するスタイルシートをCSSplayから紹介します。

デモのキャプチャ

A CSS only menu with 'current page' override
demo

スクリプト無しでは操作性がどうかなと思ったのですが、きびきび動作する感じで悪くないなと思いました。

デモでは、「Services」の下位の「Printing」を現在ページとしてハイライト処理されており、各項目をホバーすることで親階層の項目が開きます。

対応しているブラウザは、IE6/7/8, Fx, Op, Safari(PC), Chromeとのことです。

sponsors

top of page

©2018 coliss