[CSS]リスト要素で実装するスタイリッシュな打ち出しコンテンツ

JavaScriptやFlashを使用せず、CSSで実装するスタイリッシュな打ち出しコンテンツをCSSplayから紹介します。

デモのキャプチャ

A CSS Select List - with current selection
デモ

デモではホバーしている箇所のナビゲーションとイメージが表示され、すべてリスト要素で実装されています。
CSSをオフにすると下記のように表示されます。

デモのキャプチャ

CSSのオフ時

対応ブラウザはIE6/7/8, Fx, Op, Safari(PC), Chromeをはじめ、Flock, SeaMonkeyなどでも動作テストを行ったとのことです。

sponsors

top of page

©2024 coliss