图片热点区域超链接

图片热点区域超链接
图片热点区域超链接2010-11-02 15：03如果用a href=""img src="图片
文件地址"/a的形式定义超链接，则该超链接是加在整张图片上的。

如果在一
张图片上划分出若干个区域，在不同区域中定义不同的超链接，则一张图片上
就可以定义多个超链接。

img src="图片文件地址"usemap="#MapName"
map name="MapName"
area shape="*"coords="*"href="
img标记用于在文档中插入图片，src属性指定图片文件位置，usemap属
性指定映像图的名称；
map标记用于定义映像图，name属性定义该映像图的名称；
area标记用于定义映像图中的区域(热点)，shape属性指定区域的类型，
取值为rect(矩形)、circle(圆形)或poly(多边形)，coords属性定义区域的
大小和位置，href属性指定该区域的超链接。

每个映像图可以用area标记划
分多个区域。

当shape="rect"(矩形)时，coords="A,B,C,D"，其中(A,B)是矩形区域左
上角坐标，(C,D)是矩形区域右下角坐标。

当shape="circle"(圆形)时，coords="A,B,C"，其中(A,B)是圆心坐标，C
是半径。

当shape="poly"(多边形)时，coords="A,A',B,B',C,C',."，其中(A,A')、(B,B')、(C,C')等是多边形各顶点的坐标。

这里的坐标都是相对于图片左上角的，单位为像素。

例：在下面的图片中划分了2个热点区域(一个矩形、一个圆形)，分别对应两个超链接。

(把鼠标放上去可看到效果)
img src="g10.gif"usemap="#Map"
map name="Map"
area shape="rect"coords="0,0,31,25"href="#02"alt="矩形热点"
area shape="circle"coords="57,33,15"href="#03"alt="圆形热点"
/map。