电脑桌面
添加小米粒文库到电脑桌面
安装后可以在桌面快捷访问

HTML图像的热区链接知识及实例代码

HTML图像的热区链接知识及实例代码_第1页
1/6
HTML图像的热区链接知识及实例代码_第2页
2/6
HTML图像的热区链接知识及实例代码_第3页
3/6
HTML 图像的热区链接知识及实例代码 除了对整幅图像设置超链接外,还可以将图像划分为若干区域,这叫做"热区",每个区域可设置不同的超链接。此时,包含热区的图像可以称为映射图像。 要进行热区设置,首先需要在图像文件中设置映射图像名,格式为: 也就是说,此时需要使用标记的usemap 属性,定义图像的映射图像名。 然后,就要在图像中定义各个热区以及超链接了,主要语法为: …… 在该语法中又引入了两个标记:标记用于包含多个标记,其中的"映射图像名称"就是在标记中定义的名称。标记则用于定义各个热区和超链接,它有两个重要属性: (1)shape 属性:用来定义热区形状,它有三个值: ● default:默认值,为整幅图像。 ● rect:矩形区域。 ● circle:圆形区域。 ● poly:多边形区域。 (2)coords 属性:用来定义矩形、圆形或多边形区域的坐标。它的格式如下: ● 如果 shape = "rect",则 coords 包含四个参数,分别为left、top、right 和 bottom,也可以将这四个参数看成矩形左上角和右下角顶点的坐标。 ● 如果 shape = "circle",则 coords 包含三个参数,分别为center-x、center-y 和 radius,这三个参数是圆心坐标和圆的半径。 ● 如果 shape = "poly",则 coords 需要按顺序取多边形各个顶点的(x、y)坐标值,因此形式为"x1, y1, x2, y2, …… xn, yn"。可以是逆时针,也可以是顺时针。HTML 会按照定义顶点的顺序将它们链接起来,形成多边形热区。 如果要定义的热区形状复杂,都可以用多边形热区来逼近,所以如果 shape = "poly",则 coords 可能包含很多坐标值,其数量必须是偶数。 图像的左上角坐标是(0, 0),x 轴向右、y 轴向下为正。 【例7】修改例6,改为chap7_7.html,给图像定义热区并加超链接。 itsway -- 图像

1、当您付费下载文档后,您只拥有了使用权限,并不意味着购买了版权,文档只能用于自身使用,不得用于其他商业用途(如 [转卖]进行直接盈利或[编辑后售卖]进行间接盈利)。
2、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。
3、如文档内容存在违规,或者侵犯商业秘密、侵犯著作权等,请点击“违规举报”。

碎片内容

HTML图像的热区链接知识及实例代码

确认删除?
微信客服
  • 扫码咨询
会员Q群
  • 会员专属群点击这里加入QQ群