HTML <area> 标签区域map标签
2017-02-07 09:14
896 查看
1、距形:(左上角顶点坐标为(x1,y1),右下角顶点坐标为(x2,y2)) <area shape="rect" coords="x1,y1,x2,y2" href=url> 2、圆形:(圆心坐标为(X1,y1),半径为r) <area shape="circle" coords="x1,y1,r" href=url> 3、多边形:(各顶点坐标依次为(x1,y1)、(x2,y2)、(x3,y3) ......) <area shape="poly" coords="x1,y1,x2,y2 ......" href=url>
提示:如果某个 area 标签中的坐标和其他区域发生了重叠,会优先采用最先出现的 area 标签。浏览器会忽略超过图像边界范围之外的坐标。
附上Maphilight插件的API文档地址http://davidlynch.org/projects/maphilight/docs/ 在线测试地址:http://www.runoob.com/try/try.php?filename=tryhtml_areamap
相关文章推荐
- html<img><map><area>标签总结
- HTML <area> 标签 带有可点击区域的图像映射(图像映射指的是带有可点击区域的图像)
- HTML <area> 标签实现带有可点击区域的图像映射
- (22)HTML标签详解之<img><map><area>
- HTML标签<img><map><area>
- HTML <area>标签 画热点
- <html>img、map、area
- [HTML]HTML<area> 标签的shape与coords 属性W3CSHOOL
- 带有可点击区域的图像映射:HTML <map> 标签
- HTML <map>标签的使用
- HTML <map> 标签-创建带有可点击区域的图像映射
- 图片映射(HTML <map>标签)这么拽,小伙伴们都知道吗?
- [HTML]HTML<area> 标签的shape与coords 属性W3CSHOOL
- HTML <area><map>标签及在实际开发中的应用
- HTML标签天天练8--<img><map><area>图像超链接
- html工作中表格<tbody>标签的使用技巧
- HTML <base> 标签
- 有关Struts标签<html:cancel>使用的一点提示
- HTML中的<UL>标签中li横向排列