html鼠标点击事件 地图,图片上多图形点击触发事件html<map>标签

作用：

点击图片上不同形状的区域触发不同的事件

例子：

。。。。。想加几个事件写几个

分析：

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 属性。