这次给大家带来html area图片热点如何使用，使用html area图片热点的注意事项有哪些，下面就是实战案例，一起来看一下。
标记主要用于图像地图，通过该标记可以在图像地图中设定作用区域（又称为热点），这样当用户的鼠标移到指定的作用区域点击时，会自动链接到预先设定好的页面。其基本语法结构如下：
class和id：是分别指定热点的类型和id号。
alt：用于设定热点的替代性文字。
href：用于设定该热点所链接的url地址。
shape和coords：是两个主要的参数，用于设定热点的形状和大小。其基本用法如下：
表示设定热点的形状为矩形，左上角顶点坐标为（X1,y1），右下角顶点坐标为（X2,y2）。 表示设定热点的形状为圆形，圆心坐标为（X1,y1），半径为r。 表示设定热点的形状为多边形，各顶点坐标依次为（X1,y1）、（X2,y2）、（x3,y3） ......。
备注：x1, y1,x2,y2 这几个点的位置 是根据图片而定的，不是根据窗口的大小而定。
标记是在图像地图中划分作用区域的，因此其划分的作用区域必须在图像地图的区域内，所以在用 标记划分区域前必须用HTML的另一个标记
@@##@@
在制作本文介绍的效果时应注意的几点：
1、在标记不要忘记设置usemap、ismap参数，且usemap的参数值必须与
相信看了这些案例你已经掌握了方法，更多精彩请关注创想鸟其它相关文章！
相关阅读：
立即学习“前端免费学习笔记（深入）”；
怎样做出在网页中弹出QQ临时对话框
怎样使用trigger方式实现不用点击file类型的input弹出文件选择对话框
html中如何使用js来获取本地系统时间
以上就是html area图片热点如何使用的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1545796.html
微信扫一扫 
支付宝扫一扫 
