读书人

HTML 地图标签

发布时间: 2012-11-23 22:54:33 作者: rapoo

HTML map标签
在Html中,给图像使用map标签,可以给图像的某个部分建立超连接,用法如下:

注:所有的坐标都是相对于图片左上角的

其中,坐标coords对各个shape的解释如下:


即,当shape是矩形时,coords表示矩形左上及右下(x2, y2)的坐标


即,当shape是圆形时,coords表示圆中心点坐标(x, y)及半径


即,当shape是poly多边形时,coords表示多边形所有顶点的坐标(x1,y1),(x2,y2),(x3,y3)...


注意:以上所有坐标都是相对于图形img.gif左上脚坐标而言的


以下是一个例子:



下面是从360网站中摘下来的一个实例:

1 楼 ksmjava 2010-12-13 太给力啦,赞啊~~~~~~~~~~谢谢您啊,恩人哪,呵呵 ,开玩笑的,不过您真的在我最危难的时候给了我莫大的支持。

读书人网 >CSS

热点推荐