;

しんみゆ.com

群馬県高崎市在住の夫婦で日記というか、つぶやきブログしてます:しんみゆ.com

仕事メモ:mapのロールオーバー

仕事メモ:mapのロールオーバー

<script type=”text/javascript”>
<!–
function changeMapImage1(url) {
document.getElementById(‘map1’).src = url;
}
function changeMapImage2(url) {
document.getElementById(‘map2’).src = url;
}

//–>
</script>
<div>
<img src=”sample_01.jpg” alt=”” width=”650″ height=”149″ border=”0″ usemap=”#Map3″ id=”map1″>
<map name=”Map3″>
<area shape=”rect” coords=”26,105,167,131″ href=”#start” onmouseover=”changeMapImage1(‘sample_01_02.jpg’)” onmouseout=”changeMapImage1(‘sample_01.jpg’)”>
</map>
</div>
<div>
<img src=”sample_02.jpg” alt=”” width=”650″ height=”149″ border=”0″ usemap=”#Map4″ id=”map2″>
<map name=”Map4″>
<area shape=”rect” coords=”26,105,167,131″ href=”#start” onmouseover=”changeMapImage2(‘sample_02_02.jpg’)” onmouseout=”changeMapImage2(‘sample_02.jpg’)”>
</map>
</div>

ページトップ