首页 > 代码库 > 图像热点(图像地图)
图像热点(图像地图)
图像热点:给一张图片加多个链接,默认情况下,一张图只能加一个链接。
1、标记结构:
<img src = http://www.mamicode.com/“images/01.jpg” usemap = “#Map” />
<map id = “Map” name = “Map”>
<area shape = “热区形状” coords = “热区坐标” href = http://www.mamicode.com/“链接地址” />
<area shape = “热区形状” coords = “热区坐标” href = http://www.mamicode.com/“链接地址” />
<area shape = “热区形状” coords = “热区坐标” href = http://www.mamicode.com/“链接地址” />
</map>
2、<area>标记的常用属性
1 Shape:热区的形状,取值:rect(矩形)、circle(圆形)、polygon(多边形)
2 Coords:执区的坐标(位置)
如果 shape = rect 时,那么,coords = “x1,y1,x2,y2” 例如:coords = “50,50,200,150”,(x1,y1)为矩形左上角的坐标值,(x2,y2)为矩形右下角的坐标值
如果 shape = circle 时,那么, coords = “x,y,r” ,其中(x,y)为圆心坐标,r为半径
图像热点(图像地图)
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。