在<map>
中用<area>
勾画区域,
shape:可取值为 default | rect | circle | poly,用来指定超链接区域的形状。
default:将整个图片定义为超链接区域; rect:定义一个矩形超链接区域; circle:定义一个圆形超链接区域;
poly:定义一个多边形超链接区域;
coords:用来指定超链接区域在屏幕上的位置和形状,确定位置的坐标值和坐标值的书写顺序由所设定的形状来决定,确定位置与形状的可能性组合如下
rect:left-x,top-y,right-x,bottom-y
,通过两个点来确定一个矩形的左上角与右下角的坐标,从而确定一个矩形区域; circle:center-x, center-y, radius
,通过一对坐标值确定一个点,并以这个点为圆心,“radius” 值为半径确定一个圆形的超链接区域,当 “radius”
值为百分数时,依照被关联对象的 min(width,height)计算出半径的数值; poly:x1, y1, x2, y2, …,
xN, yN
,每两个为一对坐标用来确定一个点,当这些点的坐标值不全相同时,以第一个点为该多边形的起始点,最后一个点为多边形的终点,将这些点连接起来围成一个多边形;
在点击勾画的区域时,该区域会有一个蓝色的边框,这是如果加入下面内容就可以取消蓝色边框了
onfocus="this.blur()"