学院首页>网页制作>HTML>关于在HTML语言中使用影像地图

关于在HTML语言中使用影像地图

作者: 来源: 添加时间:2006-5-24 21:44:19

  影像地图(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

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

【2】定义区域 -- coords

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">

站内搜索