[javascript] 이미지 맵 사용하기 설명 샘플

웹페이지상 노출되는 이미지의 특정 부분에만 링크처리를 하고자 할 경우 Map object를 사용합니다.
사용방법은 아래와같습니다. 링크를 걸려고 하는 이미지 태그 를 작성한 후 USEMAP 이라는 속성을 추가해줍니다.

<IMG SRC="menumap185.gif" USEMAP="#map4" BORDER=0>

<MAP NAME="map4">
  <AREA SHAPE=RECT COORDS="0,0,148,36" href="sample.html" target="main" onClick="javascript：show(0)">
  <AREA SHAPE=RECT COORDS="24,133,119,153" href="sample.html" target="main" onClick="javascript：show(1)">
  <AREA SHAPE="rect" COORDS="596,101,666,163" href="javascript：view(1)"  onfocus="this.blur()">
</MAP>