作用:
点击图片上不同形状的区域触发不同的事件
例子:
。。。。。想加几个事件写几个
分析:
src想要展示的图片 border边框 usemap使用map的id或者name(由浏览器决定) alt:如果该图像无法显示就展示那些字段
id,name要跟上面的图片的想对应
shape:类型 coords:坐标值参数 href:点击后跳转的页面 alt:同上
圆形:shape="circle",coords="x,y,z"
x 和 y 圆心的位置("0,0" 是图像左上角的坐标),z是以像素为单位的圆形半径。
矩形:shape="rectangle",coords="x1,y1,x2,y2"
两组坐标(x1,y1)(x2,y2)表示图形的左上角和右下角的坐标是多边形的一种简化方法
多边形:shape="polygon",coords="x1,y1,x2,y2,x3,y3,..."
定点的坐标组比如三角形要三个顶点就是三组坐标
扩展:
nohref="nohref" 表示除选择以外的图片的所有区域,比如一张图片上选择了一个方形区域,加上该属性后则表示除了选择的方形区域之外的所有区域
target ="_blank" 表示连接的方式同标签的该属性
title="aaa" 表示鼠标悬浮提示
注意:
1、area 元素永远嵌套在 map 元素内部。area 元素可定义图像映射中的区域。
2、中的 usemap 属性可引用 中的 id 或 name 属性(取决于浏览器),所以我们应同时向 添加 id 和 name 属性。