map的用法1.doc_第1页
map的用法1.doc_第2页
map的用法1.doc_第3页
全文预览已结束

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

map的用法在Html中，给图像使用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左上脚坐标而言的以下是一个例子: HTML元素 - map包含客户端图像映射的坐标数据。Contains coordinate data for client-side image maps. 所谓图像映射，就是带有预先定义区域的图像，这些区域包含了指向其它文档或锚的链接。例如，你可以在一副太阳系的图像上创建用户点击后可浏览不同星球的链接。map 对象由 IMG 元素的 USEMAP 属性引用，格式如下：MAP 元素包含一组定义图像中链接区域的 AREA 元素。-coords 属性 标签的 coords 属性定义了客户端图像映射中对鼠标敏感的区域的坐标。坐标的数字及其含义取决于 shape 属性中决定的区域形状。可以将客户端图像映射中的超链接区域定义为矩形、圆形或多边形等。下面列出了每种形状的适当值：圆形：shape=circle，coords=x,y,z这里的 x 和 y 定义了圆心的位置（0,0 是图像左上角的坐标），r 是以像素为单位的圆形半径。多边形：shape=polygon，coords=x1,y1,x2,y2,x3,y3,.每一对 x,y 坐标都定义了多边形的一个顶点（0,0 是图像左上角的坐标）。定义三角形至少需要三组坐标；高纬多边形则需要更多数量的顶点。多边形会自动封闭，因此在列表的结尾不需要重复第一个坐标来闭合整个区域。矩形：shape=rectangle，coords=x1,y1,x2,y2第一个坐标是矩形的一个角的顶点坐标，另一对坐标是对角的顶点坐标，0,0 是图像左上角的坐标。请注意，定义举行实际上是定义带有四个顶点的多边形的一种简化方法。x1：左上角横轴宽度y1：左上角竖轴高度x2：右下角横轴宽度y2：右下角竖轴高度例如，下面的 XHTML 片段在
人人文库> 全部分类> 应用文书 > 技术指导

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论