[CSS]スタイルシートで実装するスクロールするイメージマップ

Post on:2007年10月10日

sponsors

A scrolling image mapは、スクリプト無しでスタイルシートで実装するスクロールするイメージマップです。

上のキャプチャ画像の左側がスクロールするイメージマップで、白枠の箇所をクリックすると、右側にその拡大画像が表示されます。

CSS scrolling image mapの仕組みは、全ての画像をリストとし、全体の背景としてスクロールする箇所の画像を指定しています。
そのため、スタイルシートオフの状態では、拡大画像がリスト状態で表示されます。