



全文预览已结束
下载本文档
版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
Map有三大属性:area、cords 、shapeHTML 标签的 shape 属性定义和用法shape 属性与coords 属性配合,可以规定区域的尺寸、形状和位置。详细解释:shape 属性用于定义图像映射中对鼠标敏感的区域的形状: 圆形(circ 或 circle) 多边形(poly 或 polygon) 矩形(rect 或 rectangle)shape 属性的值会影响浏览器对 coords 属性的解释。如果未使用 shape 属性,那么会假设使用值 default。依照标准,default 意味着该区域覆盖整个图像。在实际中,浏览器默认使用矩形区域,并期望能找到 4 个 coords 值。如果没有指定形状,而且在标签中也没有包括 4 个坐标,那么浏览器会忽略整个区域。实际上,Netscape 是唯一可以识别 shape 属性的 default 值的浏览器,它可以提供一个包括全部热点的区域,以用于在超过其他热点定义的范围之外单击的情况。由于区域在 标签中是采用“先来先得”的顺序,所有必须将默认区域放置在后面。否则,默认区域会覆盖其他的图像映射中出现的所有区域。浏览器在形状名称的实现方面没有严格要求。例如,对于矩形,Netscape 4 不能识别 rectangle,却能识别 rect。出于这个原因,我们建议使用缩写的名称。实例 显示:点击小球后HTML 标签的 coords 属性HTML 标签定义和用法coords 属性规定区域的 x 和 y 坐标。coords 属性与shape 属性配合使用,来规定区域的尺寸、形状和位置。图像左上角的坐标是 0,0。详细解释: 标签的 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 是图像左上角的坐标。请注意,定义矩形实际上是定义带有四个顶点的多边形的一种简化方法。例如,下面的 XHTML 片段在一个 100x100 像素图像的右下方四分之一处,定义了一个对鼠标敏感的区域,并在图像的正中间定义了一个圆形区域。 提示和注释注释:如果某个 area 标签中的坐标和其他区域发生了重叠,会优先采用最先出现的 area 标签。浏览器会忽略超过图像边界范围之外的坐标。语法属性值值描述x1,y1,x2,y2如果 shape 属性设置为 rect,则该值规定矩形左上角和右下角的坐标。x,y,radius如果 shape 属性设置为 circ,则该值规定圆心的坐标和半径。x1,y1,x2,y2,.,xn,yn如果
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 解析卷-人教版八年级物理上册第5章透镜及其应用-透镜专题练习试题(解析版)
- 2025年建筑工地消防安全合同协议
- 2024年环境监测采样平行样合格率考核试卷
- 租出门面合同(标准版)
- 修建公路征用合同(标准版)
- 陈氏太极陈永丰课件
- 深圳市深汕特别合作区招聘事务员考试真题2024
- 2025年中国烟草总公司广西壮族自治区公司考试真题试卷及答案
- 长沙监理安全培训课件
- 2025年煤矿企业主要负责人安管能力考试练习题及答案
- 《哈利·波特》读书分享会
- 校服采购投标方案
- 急诊医学急性意识障碍
- 2023年04月2023年山东潍坊高新区招考聘用社区工作人员40人笔试参考题库附答案解析
- 部编版四年级语文上册第25课《王戎不取道旁李》说课稿+优质教案
- 差分进化算法
- 第一章儿童生活与教育
- 飞山景区旅游开发运营方案
- 四年级上册语文阅读理解及答案(A4打印版)
- GB/T 3478.1-2008圆柱直齿渐开线花键(米制模数齿侧配合)第1部分:总论
- 服饰编码规则表参考范本
评论
0/150
提交评论