关于 影像地图

Zelda76662134 2007-12-20 10:29:42
今天学习html的时候,看到了有关于“影像地图”的,这样提到:
在HTML中还可以把图片划分成多个热点区域,每一个热点域链接到不同网页的资源。这种效果的实质是把一幅图片划分为不同的热点区域,再让不同的区域进行超链接。这就是影像地图。要完成地图区域超链接要用到三种标签:<img><map><area>
格式为:
<img src="图形文件名" usemap="#图的名称"> <map name="图的名称">    <area shape=形状 coords=区域座标列表 href="URL资源地址">     <area shape=形状 coords=区域座标列表 href="URL资源地址"> </map>
shape=rect:  矩形shape=circle:圆形 shape=poly:多边形

a.矩形:必须使用四个数字,前两个数字为左上角座标,后两个数字为右下角座标 例:<area shape=rect coords=100,50,200,75 href="URL">
b.圆形:必须使用三个数字,前两个数字为圆心的座标,最后一个数字为半径长度例:<area shape=circle coords=85,155,30 href=“URL”> c.任意图形(多边形):将图形之每一转折点座标依序填入例:<area shape=poly coords=232,70,285,70,300,90,250,90,200,78 href=“URL”>


可是这些坐标应该怎么样获得呢?
如果就像给出一个中国地图,当点击不同省份区域的时候,能链接到相应省份的网站去,这应该如何实现,不同省份地图区域的坐标又应该如何取?
...全文
59 1 打赏 收藏 转发到动态 举报
写回复
用AI写文章
1 条回复
切换为时间正序
请发表友善的回复…
发表回复
shadyduan 2007-12-20
  • 打赏
  • 举报
回复
摆脱,你用Dreamweaver软件就可以可视化的选择热区位置!你不会做网页从来不用Dreamweaver的吧?
虽然很多人说任何可视化的软件都将跟浏览器千差万别,但是适当的使用还是可以节省很多时间的

61,112

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧