怎么实现调用一张图片，点击图片的不同位置，可实现如下两个功能

Question

怎么实现Js调用一张图片，点击图片的不同位置，可实现如下两个功能1. 跳转到指定页面并隐藏此图片.2. 隐藏此图片

Answer 1

在dreamweaver中内置有很好的图像热区工具,我们建议用该工具来实现这个功能.
在HTML中有一个具有把图片划分成多个作用区域，并链接到不同网页的标记，那就是 <area>地图作用区域标记。
其基本语法结构如下：
<area
class=type
id＝Value
href＝url
alt＝text
shape＝area-shape
coods＝value>
其中。class和id：是分别指定热点的类型和id号。
alt：用于设定热点的替代性文字。
href：用于设定该热点所链接的url地址。
shape和coords：是两个主要的参数，用于设定热点的形状和大小。其基本用法如下：
<area shape="rect" coords="x1, y1,x2,y2" href=url>表示设定热点的形状为矩形，左上角顶点坐标为（X1,y1），右下角顶点坐标为（X2,y2）。
<area shape="circle" coords="x1, y1,r" href=url>表示设定热点的形状为圆形，圆心坐标为（X1,y1），半径为r。
<area shape="poligon" coords="x1, y1,x2,y2 ......" href=url>表示设定热点的形状为多边形，各顶点坐标依次为（X1,y1）、（X2,y2）、（x3,y3） ......。 
<area>标记是在图像地图中划分作用区域的，因此其划分的作用区域必须在图像地图的区域内，所以在用 <area> 标记划分区域前必须用HTML的另一个标记<map>来设定图像地图的作用区域，并为指定的图像地图设定名称，该标记的用法很简单，即<map name="图像地图名称"> ...... </map>。

Answer 2

http://roofsky.blog.163.com/blog/static/2039512200885104634506/