[CSS]ドロップダウンを利用して詳細情報を表示するスタイルシート

ドロップダウン型ナビゲーションを利用して、商品などのインフォメーションを表示するスタイルシートをCSSplayから紹介します。

デモのキャプチャ

A CSS image information dropdown menu
demo

デモでは各商品にマウスをホバーさせると、それぞれに対応した詳細情報が表示されるようになっています。
また、各商品とその詳細情報の項目のリンクも別個に設定が可能です。

対応ブラウザはIE6/7/8, Fx, Op, Safari(PC), Chromeとなっており、IE8での動作はIE7エミュレーションモードを必要としないとのことです。

sponsors

top of page

©2024 coliss