[CSS]ドロップラインとドロップダウンを併用したナビゲーション

スタイルシートで実装した、ドロップラインとドロップダウンを併用したナビゲーションをCSSplayから紹介します。

デモのキャプチャ

Professional dropline / dropdown / flyout version 2
demo

デモではドロップライン型のナビゲーション(水色)のラベルから、更にドロップダウン型のナビゲーション(白色)が動作し、第四階層と深いレベルまで実装が可能です。

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

sponsors

top of page

©2024 coliss