零碎知识之:<map><area>
2016-05-24 21:52
295 查看
在进行操作时,点击不同的位置,进行不同地响应,连接到不同界面,则通常回用到<map>,也就理所当然地离不开<area>。看个例子:
则整张图片选区了3个地方,形状分别为circle 、circle、rec,区域范围用coords来定义,相应的相应链接用href进行设置。当图片无法显示时,在对应的区域,显示文字替代,用alt提示。
对应图片使用map,通过usemap进行设定。over!
<img src="planets.jpg" border="0" usemap="#planetmap" alt="Planets" /> <map name="planetmap" id="planetmap"> <area shape="circle" coords="180,139,14" href ="venus.html" alt="Venus" /> <area shape="circle" coords="129,161,10" href ="mercur.html" alt="Mercury" /> <area shape="rect" coords="0,0,110,260" href ="sun.html" alt="Sun" /> </map>
则整张图片选区了3个地方,形状分别为circle 、circle、rec,区域范围用coords来定义,相应的相应链接用href进行设置。当图片无法显示时,在对应的区域,显示文字替代,用alt提示。
属性 | 值 | 描述 |
---|---|---|
coords | 坐标值 | 定义可点击区域(对鼠标敏感的区域)的坐标。 |
href | URL | 定义此区域的目标 URL。 |
nohref | nohref | 从图像映射排除某个区域。 |
shape | default rect circ poly | 定义区域的形状。 |
target | _blank _parent _self _top | 规定在何处打开 href 属性指定的目标 URL。 |
相关文章推荐
- 2016"百度之星" - 初赛(Astar Round2A) 1002
- (4)表达式
- python 2.7中安装mysql
- Linux操作系统基础解析之(六)——文件系统层次结构标准(FHS)
- python 2.7中安装mysql
- 第一篇博客
- (4.6.12.2)uses-permission权限列表
- python 2.7中安装mysql
- AlertDialog.Builder的setCancelable
- js阻止事件的传播
- 根据“+”号,获取数字图片,数值变大变小,温度上升,降低
- Python之时间处理模块time
- Struts2_CRUD操作实例
- cordova二维码扫描插件phonegap-plugin-barcodescanner使用及坑点
- LeetCode-112&113.Path Sum
- hive- 时间操作函数
- Android四大组件(1.3)--Activity的Flogs
- 如何安装及使用PuTTY
- 抽象类,接口
- 谁说Source Insight只能看C盘的文件?我有妙招!