图片热点（图像地图）

图片热点（图像地图）

图像热点：给一张图片添加一个或者多个链接。

1、标记结构：

<img src="images/map.jpg" usermap="#Map" />

<map id="Map">

    <area shape="热区形状" coords="热区坐标" href="链接地址" />

    <area shape="热区形状" coords="热区坐标" href="链接地址" />

    <area shape="热区形状" coords="热区坐标" href="链接地址" />

</map>

2、<area>标记的常用属性

• shape：热区的形状，取值：rect（矩形）、circle（圆形）、polygon（多边形）
• coords：热区的坐标（位置）

• 如果shape="rect"时，那么，coords="x1,y1,x2,y2"，例如：coords="50,50,200,150"，（x1,y1）为左上角坐标，(x2,y2)为右下角坐标。
• 如果shape="circle"时，那么，coords="x1,y1,r"，例如：coords="150,100,20"，（x1,y1）为圆心，r为半径。