<img src=이미지명.jpg name=이미지네임(영어로) width=87 height=87 border=0 useMap=#button>
<map name=button>
<area onmouseover="if(document.images) ddalchi.src='top_2.gif'" onmouseout="if(document.images) ddalchi.src='top_1.gif'" shape=CIRCLE coords=43,43,43 href="http://www.ddalchi.co.kr/">
</map>
--------------------------------------------------------------------------------------
㉠ name=ddalchi : 이미지이름명
㉡ useMap=#button : 맵기능이름명
㉢ onmouseover="if(document.images) ddalchi.src='top_2.gif'" : 마우스오버="if(document.images) 이미지이름명.src='나타날이미지경로'"
㉣ onmouseout="if(document.images) ddalchi.src='top_1.gif'" : 마우스아웃="if(document.images) 이미지이름명.src='원래이미지경로'"
<예제>
<img src="images/main_02.jpg" width="395" height="693" border="0" name="link" usemap="#ImageMap1">
<map name="ImageMap1">
<area shape="circle" coords="200, 262, 45" href="intro1.php" target="_top" onfocus='blur()' onMouseOver="if(document.images) link.src='images/mainover_02.jpg'" onmouseout="if(document.images) link.src='images/main_02.jpg'">
</map>
샬롬~
