站长论坛

标题: 关于在HTML语言中使用影像地图 [打印本页]

作者: jinlj 时间: 2007-11-30 13:17
标题: 关于在HTML语言中使用影像地图
影像地图（Image Map）＜img src="图形文件名" usemap="#图的名称"＞

以下为引用的内容：

＜map name="图的名称"＞

   ＜area shape=形状 coords=区域座标列表 href="连结点之URL"＞
   ＜area shape=形状 coords=区域座标列表 href="连结点之URL"＞
   ＜area shape=形状 coords=区域座标列表 href="连结点之URL"＞
   ＜area shape=形状 coords=区域座标列表 href="连结点之URL"＞
＜/map＞

【1】定义形状 -- shape

Www.

shape=rect：矩形       shape=circle：圆形       shape=poly：多边形

【2】定义区域 -- coords 中国.站长站

a.矩形：必须使用四个数字，前两个数字为左上角座标，后两个数字为右下角座标 Chinaz~com

例：＜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"＞

欢迎光临站长论坛 (http://www.tzlink.com/bbs/)