html/css中map和area的应用
2024-10-21 07:41:21
一、使用方法:
因为map标签是与img标签绑定使用的,所以我们需要给map标签添加ID和name属性,让img标签中的usemap属性引用map标签中的id或者name属性(由于浏览器的不同,usemap属性接收二者之一的值,所以通常name和id属性二者都写,值相同),并配合area标签进行使用。
例如:
1、我们先插入一张图片,并与map连接好
2、然后用area设置区域
其中的属性:shape是形状,coords是坐标。
得到的效果图是:
点击蓝色线圈位置就能跳转链接的网址。
形状的属性circle是圆形;坐标的前两位数是圆心的位置,后一位是半径。
形状的属性rectangle是矩形;坐标前两位数是一个角的位置,后两位是对角的位置。
形状的属性poly是多边形;坐标是每一对数就是一个角的位置。
最新文章
- 如何配置pch文件
- 解密jQuery内核 样式操作
- node静态资源管理变迁之路
- HDU 5652(二分+广搜)
- IE6-9不支持Textarea的maxlength属性
- linux文本操作界面 vi面板如何复制一行
- Java-->;将txt文件的所有行反转
- openSUSE13.1 Yast 中所有软件图形化界面无法打开,问题原因: Ruby
- 对比AMD 890、AMD 880、 AMD 790、AMD 785、 AMD 780、AMD 7
- Pascal Language: Recommended Materials
- webstom 配置git 后左侧菜单栏配色调整
- [Unity3D]Unity3D游戏开发之自己主动寻路与Mecanim动画系统的结合
- Composer加速
- Android 它们的定义View (一)
- Linux显示使用者将不能利用交谈式指令来对行程
- MT【52】空间法向量理解直线条数
- Cocos Creator实现的《点我+1》
- vue input输入框联想
- 2018-2019-2 20165302 《网络对抗技术》Exp3 免杀原理与实践
- 【Android】播放音频的几种方式介绍