map的用法1.docVIP

  1. 1、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。。
  2. 2、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载
  3. 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
  4. 4、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
  5. 5、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们
  6. 6、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
  7. 7、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
map的用法1

map的用法 在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 元素。 coords 属性 area 标签的 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 片段在一个 100x100 像素图像的右下方四分之一处,定义了一个对鼠标敏感的区域,并在图像的正中间定义了一个圆形区域。 ? map name=map area shape=rect coords=75,75,99,99 nohref=nohref area shape=circ coords=50,50,25 nohref=nohref /map ? 提示和注释 area 标签中的坐标和其他区域发生了重叠,会优先采用最先出现的

文档评论(0)

abf4675328 + 关注
实名认证
文档贡献者

该用户很懒,什么也没介绍

1亿VIP精品文档

相关文档