地図を選択する

クリッカブルマップでロールオーバーするJavaScript。

関東地方 栃木県 群馬県 埼玉県 東京都 東京都 東京都 神奈川県 千葉県 茨城県

これは以下のような手法で実現している。


<div ここの背景をベースとなる画像にする。>
<img 透明な画像を置く。 枠線は無し。 usemap="~" />
<map>
<area ~ onMouseOver="透明な画像を選択時の画像に切り替える。" onMouseOut="透明な画像に戻す。">
  :
<area ~ >
</map>
</div>

選択時の画像(東京)白の部分は透明
  東京を選択した時の画像




トップページへ戻る