15年软件开发经验 只做源码定制 互联网+定制化解决方案

15年软件开发经验,只做源码定制!

原创设计 定制开发

满足您的个性化需求

当前位置:首页 前端开发 H5

图像区域加链接

王鹤翔| 发布于 2021-07-07 09:02:26| 599阅读| 0点赞| 0评论
举报

在一个图片的不同区域添加一个超链接,点击不同区域可以进行跳转

data:image/png;base64,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

4个按钮是一个整张的图片,把一些小的零碎的图片写成一张大图。这样的话可以提高页面的加载速度。


代码:

src="../assets/image/111222.png"

   style="width: 200px; margin-top: 20px; margin-bottom: 20px"

   usemap="#batmap" />

      

      

      

      


纯html5


重点:

(1) 要先建立图片热点区域,必须先插入图片。注意,图片必须增加usemap 属性,说明图像是热点映射图像,属性值必须以 “#” 开头。

(2) 标记只有一个属性id,其作用是为区域命名,属性值必须与标记的usemap属性值相同。

(3) 标记主要是定义热点区域的形状以及超链接,它有三个对应属性:

shape属性 空间划分区域的形状,其取值有3个,分别是rect(矩形)、circle(圆形)、poly(多边形)

coords属性 控制区域的划分坐标。

如果shape属性取值为rect,那么coords的设置值分别为矩形的左上角x,y坐标点和右下角x,y坐标点,单位为像素

如果shape属性取值为circle,那么coords的设置值分别为圆形圆心x,y坐标点和半径值,单位为像素。

如果shape属性取值为poly,那么coords的设置值分别为多边形的在各个点x,y坐标点,单位是像素。

href属性 是为区域设置超链接的目标,设置值为“#”时表示为空连接。

0

0条评论

别默默看啦~登录/注册一起参与讨论吧~

热门标签

王鹤翔
微信扫一扫立即咨询
账号登录|扫码登录

立即注册 |忘记密码?

欢迎注册

已有账号马上登录

重置密码

扫码绑定微信
微信扫一扫

绑定手机号

分享到-微信

举报

  • 举报类型:

  • 举报描述:

您好,当前积分不足。

在线客服
拨打电话
17330196230 13230981129
顶部