本页主题: 关于不规则的热点链接的问题. 打印 | 加为IE收藏 | 复制链接 | 收藏主题 | 上一主题 | 下一主题

freebeme
级别: 光明使者


精华: 3
发帖: 2079
威望: 270 点
金钱: 2285 静电币
支持度: 0 点
在线时间:47(小时)
注册时间:2002-08-31
最后登录:2015-03-23

 关于不规则的热点链接的问题.

我想问问像在线电子地图那种不规则的热点链接是怎么做的,谢谢./;d /:$
Posted: 2004-05-21 22:28 | [楼 主]
Pink
粉粉粉粉努力呦
级别: 贵宾


精华: 0
发帖: 208
威望: 244 点
金钱: 5161 静电币
支持度: 0 点
在线时间:11(小时)
注册时间:2002-07-11
最后登录:2007-09-22

 

单图多向超级连接中的客户端图像连接

可以直接将要连接的URL及在图片上的对应区域的坐标写在HTML文件中。浏览器在读入HTML文件后,可自行对照图片上的区域及其连接的URL

标记格式为:
<map name="图像地图的名称">
<area shape="图片块形状1" coords="坐标1" href="URL1">
<area shape="图片块形状2" coords="坐标2" href="URL2">
……
</map>

<img src="图片地址" usemap="#图像地图的名称">

<map>为图像地图的起始标记,说明一下至</map>标记均属于图像地图部分,并且在name属性上给这个图像地图起一个名字,以便利用这个名字找其中个个区域及对应的URL
在<area>标记中,shape指明区域的形状。如rect矩形,circle圆形,poly 多边形。coords指明各个区域坐标,表示方式随shape值而有所不同,说明如下:
1)Shapes="recet" coords="x1,y1,x2,y2"x1y1代表矩形左上角的(x,y)坐标,x2y代表矩形右下角的(x,y)坐标。
2)shape="circle" coords="x1,y1,r"其中x1y1代表圆心坐标。r为园的半径
3)shape="poly" coords="x1,y1,x2,y2,……其中Xn,Yn代表多边形的各项点坐标。
<ares>标记中的href属性为希望图片块指向的url

在定义了图像地图后,便可以利用<img>标记来使用它,其中必须加上usemap属性,其值为#号加上图像地图的名字,即插入一个src属性指定的图片,并加上usemap中说明的区域坐标及对应的URL。若在图像地图中说明的区域大于图片大小,则超级连接只会在图片之内作出反应。一般来说,客户端图像地图可以由”所见即所得“的工具,比如FRONTPAGE 或DREAMWAVER来实现
Posted: 2004-05-22 00:33 | 1 楼
帖子浏览记录 版块浏览记录
狗狗静电BBS - wwW.DoGGiEhoMe.CoM » 电脑全方位 Computer Guide

沪ICP备05008186号
Powered by PHPWind Styled by MagiColor