areamapとロールオーバー

サンプル

»サンプルページ
MapOver1 MapOver2 MapOver3 MapOver4

ソース

<div><img src="mapover0.gif" alt="" name="MapOver" width="265" height="259" usemap="#MapOverImg" id="MapOver" /></div>
<map name="MapOverImg" id="MapOverImg">
<area alt="MapOver1" href="#1" onmouseover="MapOver.src='mapover1.gif'" onmouseout="MapOver.src='mapover0.gif'" shape="poly" coords="131,12,76,65,131,120,186,66" />
<area alt="MapOver2" href="#2" onmouseover="MapOver.src='mapover2.gif'" onmouseout="MapOver.src='mapover0.gif'" shape="poly" coords="192,73,137,127,192,182,247,126" />
<area alt="MapOver3" href="#3" onmouseover="MapOver.src='mapover3.gif'" onmouseout="MapOver.src='mapover0.gif'" shape="poly" coords="131,133,76,188,131,242,186,189" />
<area alt="MapOver4" href="#4" onmouseover="MapOver.src='mapover4.gif'" onmouseout="MapOver.src='mapover0.gif'" shape="poly" coords="70,73,16,128,71,182,125,127" />
</map>

Comments:1

ハマダ 2007年7月20日 09:39

おおー。
これいいですねー。

Comment Form

Trackbacks:1

TrackBack URL for this entry
http://www.otogawa.com/cms/mt-tb.cgi/157
Listed below are links to weblogs that reference
areamapとロールオーバー from px*blog
[javascript] areaタグで画像の切り替えをjsでやる方法。 from html css, javascript 2009-07-08 (水) 02:05
今日一日はまった。。 ie6、7、8だとOnMouseOutが動かない。。よって...