原创力文档- 1、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。。
- 2、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击 这里二次下载。
- 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
- 4、该文档为VIP文档，如果想要下载，成为VIP会员后，下载免费。
- 5、成为VIP后，下载本文档将扣除1次下载权益。下载后，不支持退款、换文档。如有疑问请联系我们。
- 6、成为VIP后，您将拥有八大权益，权益包括：VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 7、VIP文档为合作方或网友上传，每下载1次， 网站将根据用户上传文档的质量评分、类型等，对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
正版课件 内容可修改;PPT模板下载：/moban/ ;5.5 影像地图;【例 5-13】影像地图的使用，examplel5-13.html代码如下。
html
head
meta charset=utf-8
title影像地图的使用/title
/head
body
img src=./pic/07.jpg alt=Planets usemap=#planetmap /
map name=planetmap
area href=./pic/0701.gif shape=rect coords=0,0,110,260Sun/a
area href=./pic/0702.gif shape=circle coords=129,161,10Mercury/a
area href=./pic/0703.gif shape=circle coords=180,139,14Venus/a
/map
/body
/html
;;; 本例中，img标签中的usemap属性定义为#planetmap，要与map标签中的name名称一致，name=#planetmap。
area标签中定义的热点主要分为圆形、矩形、多边形3种形状。在制作此类图像热点时可以使用所见即所得的软件工具Dreamweaver来制作。
本例的圆形(circle)圆心为(129,161),半径为10像素；矩形(rectangle) 通过左上角坐标与右下角坐标来实现，所以本例的矩形热区左上角坐 标为(0,0),右下角坐标为(110,260)；多边形(polygon)通过顺时 针或者逆时针记录经过的相关坐标来记录多边形的形状，如5个坐标点 为(460, 146)、 (429, 200)、 (489, 257)、 (599, 223)、 (546, 134)代码为：
area shape=polygon coords=460,146,429,200,489,
257,599,223,546,134 href=# 。
除了规定的三类图形区域以外，其他区域默认没有超链接。;5.5.2 shape 属性与coords 属性;2.coords 属性; 例如，下面的 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
;本知识点内容结束
文档评论（0）