图像地图

来源:互联网 发布:水利预算软件app 编辑:程序博客网 时间:2024/05/16 19:34
<img src="..." usemap="#mymap"><map name="mymap">  <area shape="rect" coords="0,0,50,50" href="t1.html">  <area shape="poly" coords="50,0,100,50,150,200" href="t2.html">  <area shape="circle" coords="100,100,50" href="t3.html"></map>


shape属性的说明:

(1)rect定义一个矩形区域,coords属性设置值为矩形的左上角、右小角的坐标,各个坐标值之间用逗号分开;

(2)poly定义一个多边形区域,coords属性设置值为多边形各顶点的坐标值;

(3)circle定义一个圆形区域,coords属性设置值为圆心坐标及半径,前两个参数分别为圆心的横坐标和纵坐标,第三个参数为半径。