用html给一张图片做多个热区链接,HTML之六：图像的热区连接

HTML之六：图像的热区连接。

前面说了一下图像的插入，这次说说设置一张图片上不同地区的链接。比如一张地图上，河北，山东两省，点击河北的覆盖区域，转到一张河北的大地图，点击山东的覆盖区域，转到一张山东的大地图。这里我们就要用Dreamweaver找到它的坐标(coods)当然我们要首先插入中国地理图片。(还记得吗？嘿嘿。)并且使用usemap命名：

示例如下：

然后再定义河北、山东这两个热区以及热区的属性：

这样我们就定义了热区以及链接。img里的usemap和map里name定义的名字是一样的，但是img里的usemap的名字前加“#”，shape三个属性：circle(圆形),poly(多边形),rect(矩形)，coods的属性就是坐标，如果你选定的区域是矩形，那么坐标就是对角线两个点的坐标，先写横坐标，再写竖坐标。圆形就是圆心坐标和半径长度。多边形每个点的坐标都要写上。

示例如下：

这样我们点击中国地图上河北、山东的覆盖区域就会转到相应大图页面。当然实际中设置的是多边形区域，这里拿矩形做示例，希望还是会举一反三那。