이미지맵에 롤오버적용하기

이미지맵은 하나의 이미지를 불러들인 후 그 이미지에 영역을 지정해서 각각의 하이퍼링크를 할수있도록 도와주는 역할을 하는 기능입니다.
그런데 이 이미지 맵으로도 '롤오버 이미지 효과'를 구현할 수 있습니다.

<img src=top_1.gif name=ddalchi 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=webzigi   : 이미지이름명
- useMap=#button   : 맵기능이름명
- onmouseover="if(document.images) webzigi.src='a.gif'"   : 마우스오버="if(document.images) 이미지이름명.src='나타날이미지경로'"
- onmouseout="if(document.images) webzigi.src='a1.gif'"   : 마우스아웃="if(document.images) 이미지이름명.src='원래이미지경로'"