html热区坐标,HTML之六：图像的热区连接

HTML之六&＃xff1a;图像的热区连接。

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

示例如下&＃xff1a;

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

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

示例如下&＃xff1a;

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