HTML元素 - map的用法
来源:互联网 发布:云计算iaas 架构图 编辑:程序博客网 时间:2024/05/22 03:53
在Html中,给图像使用map标签,可以给图像的某个部分建立超连接,用法如下:
<img src=img.gif usemap="MAP-Name">
<map name="MAP-Name">
<area shape="rect|circle|poly" coords="#" href="url">
</map>
其中,坐标coords对各个shape的解释如下:
shape="rect" coords="x1,y1,x2,y2" // (x1,y1)=Upper Left, (x2,y2)=Lower Right
即,当shape是矩形时,coords表示矩形左上及右下(x2, y2)的坐标
shape="circle" coords="x,y,r" // (x,y)=Center, r=Radius
即,当shape是圆形时,coords表示圆中心点坐标(x, y)及半径
shape="poly" coords="x1,y1,x2,y2,x3,y3..." // (x1,y1>=First Corner, (x2,y2)=Second Corner, ...
即,当shape是poly多边形时,coords表示多边形所有顶点的坐标(x1,y1),(x2,y2),(x3,y3)...
注意:以上所有坐标都是相对于图形img.gif左上脚坐标而言的
以下是一个例子:
<img src="mapimg.gif" usemap="#Face">
<map name="Face">
<area shape="rect" href="page.html" coords="140,20,280,60">
<area shape="poly" href="image.html" coords="100,100,180,80,200,140">
<area shape="circle" href="new.html" coords="80,100,60">
</map>
-------------------------------------------------------------------------------------------------------------
HTML元素 - map
包含客户端图像映射的坐标数据。
Contains coordinate data for client-side image maps.
所谓图像映射,就是带有预先定义区域的图像,这些区域包含了指向其它文档或锚的链接。例如,你可以在一副太阳系的图像上创建用户点击后可浏览不同星球的链接。
map 对象由 IMG 元素的 USEMAP 属性引用,格式如下:
<IMG SRC="solarsys.gif" USEMAP="#SystemMap">
MAP 元素包含一组定义图像中链接区域的 AREA 元素。
- HTML元素 - map的用法
- HTML元素map
- HTML元素map实例
- html中map标签的用法
- html中<map>标签的用法
- html元素fieldset和legend的用法
- HTML元素用法
- <props>、<list>、<set>、<map>元素的具体用法
- spring中props,list,set,map元素的用法
- spring中props,list,set,map元素的用法
- spring中props,list,set,map元素的用法
- 【转】spring中props,list,set,map元素的用法
- spring中props,list,set,map元素的用法
- HTML图片热区map area的用法
- HTML图片热区map area的用法
- HTML图片热区map area的用法
- HTML图片热区map area的用法
- HTML图片热区map area的用法
- 数据结构(LinkedList的java实现)
- ORACLE中查看SQL执行计划的方法
- Chartlet控件图形报表很漂亮,可惜
- Java Reflection (JAVA反射)
- 优先级与求值顺序
- HTML元素 - map的用法
- Sample CRC Code
- Css样式总结
- 各种类和视图之间相互调用的总结
- Flex+Java连接SQLServer数据库
- C#操作注册表
- 自动杀阻塞进程
- Web.config详解
- UDDi注册中心的实现