html中的map标签

工作中需要制作一个“返回到页首”的小圆图标,

用到了map标签,如下:

<img border=”0″ usemap=”#Map” src=”top.gif”>

<map id=”Map” name=”Map”>
<area href=”#top” coords=”30,30,30″ shape=”circle”>
</map>

其中,img标签是与map标签配合使用的,缺一不可。

img标签内还需绑定映射map标签的ID,

接下来在map标签内的area元素中,就可以定义img图片可点击的范围。

可以有circle圆形,rect矩形,poligon多边形。

上述代码为图片热区为圆形的例子,

coords=”30,30,30″内的第一个30表示圆心x坐标,第二个30表示圆心y坐标,第三个30为圆的半径。