<img .... usemap="#map1"><map name="map1">
<area shape="rect" coords="x1,y1,x2,y2" href="a.htm" target="_blank">
<!-- rect 表示矩形区域，x1,y1为左上角坐标,x2,y2为右下角坐标 --> <area shape="circ" coords="x,y,r" href="a.htm" target="_blank">
<!-- circ 表示圆形区域，x,y为圆心,r为半径 --> <area shape="poly" coords="x1,y1,x2,y2,x3,y3......" href="a.htm" target="_blank">
<!-- poly 表示多边形区域，分别指定每一点坐标，最后一点自动与第一点闭合 -->
</map><!-- href表示连接文件，无连接则使用无值属性nohref(XML必须复制赋值) -->
<!-- 如果定义的区域重复，则以首先定义它的那个区域为准 -->
<area shape="rect" coords="x1,y1,x2,y2" href="a.htm" target="_blank">
<!-- rect 表示矩形区域，x1,y1为左上角坐标,x2,y2为右下角坐标 --> <area shape="circ" coords="x,y,r" href="a.htm" target="_blank">
<!-- circ 表示圆形区域，x,y为圆心,r为半径 --> <area shape="poly" coords="x1,y1,x2,y2,x3,y3......" href="a.htm" target="_blank">
<!-- poly 表示多边形区域，分别指定每一点坐标，最后一点自动与第一点闭合 -->
</map><!-- href表示连接文件，无连接则使用无值属性nohref(XML必须复制赋值) -->
<!-- 如果定义的区域重复，则以首先定义它的那个区域为准 -->
获取：
alert(event.x+","+event.y)