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

下载本文档

阅读 146
下载 16
格式 pdf
大小 226.53 KB
约6页
2025-01-31 发布于天津市
收藏
评论
点赞(0)
海报
举报

1/6页

2/6页

3/6页

在线预览已结束，请下载后查看完整版，加入VIP享文档下载特权

文本预览下载提示常见问题

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、如文档内容存在违规，或者侵犯商业秘密、侵犯著作权等，请点击“违规举报”。

碎片内容