[CSS]パネルをさくさく切り替えるドロップライン型のナビゲーション

スクリプト無しで実装する、複数の画像を配置したパネルをさくさく切り替えるドロップライン型のナビゲーションを実装するスタイルシートをCSSplayから紹介します。

Professional drop line menu with images
demo

デモでは各タブにマウスをフォーカスすると、対応したパネルが表示されます。
パネルに配置できる画像の枚数は一枚だけでなく、多くの画像を配置することが可能で、その際は上記キャプチャのように横スクロール状に表示されます。

対応ブラウザは、IE6, IE7, Firefox, Opera, Safari (PC) and Google Chromeとのことです。