[CSS]パネルがスライドするデザインのドロップダウン型のナビゲーション

CSSplayから、ナビゲーションのサブカテゴリのパネルがスライドするデザインのドロップダウン型のナビゲーションを紹介します。

デモのキャプチャ

Dropdown with horizontal sliding sub menu titles

慣れないせいか違和感をちょっと感じましたが、アイデアとしては面白いと思いました。
子が開くときは、親がグレーアウトするといいのかな、うーん、ちょっとおかしいか。

対応ブラウザは、IE6, 7, Fx, Safari(PC), Op,Chromeとなっています。

ナビゲーションの各項目はリスト要素でテキストデータになっており、IE6対策にドロップダウンの箇所にtableを使用しています。

sponsors

top of page

©2024 coliss