- 1、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。。
- 2、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
- 4、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
- 5、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们。
- 6、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 7、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
map的用法1
map的用法
在Html中,给图像使用map标签,可以给图像的某个部分建立超连接,用法如下:
img src=img.gif usemap=MAP-Namemap name=MAP-Namearea 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=#Facemap 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=maparea shape=rect coords=75,75,99,99 nohref=nohrefarea shape=circ coords=50,50,25 nohref=nohref/map?提示和注释 area 标签中的坐标和其他区域发生了重叠,会优先采用最先出现的
您可能关注的文档
最近下载
- DB44T 2719-2025《有限空间智慧安全管控技术规范》.pdf VIP
- 河堤建设工程施工合同.doc VIP
- 2024年执业中药师考试复习资料重点知识点与背诵口诀.pdf VIP
- 职业院校课程思政与思政课程协同育人典型案例.pdf VIP
- 12D101-5(替代94D101-5)110kV及以下电缆敷设.docx VIP
- 北师大版小学六年级数学上册第1单元测试卷(有答案).docx VIP
- 第六章管式反应器.ppt VIP
- 六年级上册分数四则混合运算300题及答案.docx VIP
- 2024—2025学年河南省开封高级中学高一上学期第一次月考物理试卷.doc VIP
- 学校升旗台工程方案范文(3篇).docx VIP
文档评论(0)