[CSS]ドロップリストとフライアウトを効果的に組み合わせたナビゲーション

CSSplayから、垂直方向のドロップリストに打ち出し画像やテキストをフライアウトさせるナビゲーションを実装するスタイルシートを紹介します。

デモのキャプチャ

A Vertical menu with flyout lists
demo

デモでは垂直方向のドロップリストの第三階層にフライアウトが表示されます。
フライアウトされたパネルには画像やテキストをはじめ、複数のリンクを配置することも可能です。

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

sponsors

top of page

©2024 coliss