点击图片中的某个部分来跳转页面

map 以前不知道还有这么叼的东西， 这玩意要和 <area> 合起来一块儿用否则没啥软用。。。。貌似。。。

首先在img 里面加一个attr 叫作 usemap 他要等于你要使用的map 的name，或者id（视浏览器的状况而定因此一般会将那个map的这两个属性设置成同样的）。

<map id = "use" name = "use" >

<img usemap = "use"  src = "1.jpg">

这样就将map和img 关联起来了。

而后在map 里面包围着 <area> , <area>有几种属性 coords(坐标，表示的是相对当前img的坐标， 也就是img 的左上角就是 0,0 其中有几个值要根据形状来定义)

shape（形状，

圆形：shape="circle"，coords="x,y,z" 圆心和半径

多边形：shape="polygon"，coords="x1,y1,x2,y2,x3,y3,..." xy表示每一个点的坐标

矩形：shape="rectangle"，coords="x1,y1,x2,y2"对角线的坐标

）

href 点击后跳转的连接，nohref 没有要跳转的目的

target：

_blank在新窗口中打开被连接文档。_self默认。在相同的框架中打开被连接文档。_parent在父框架集中打开被连接文档。_top在整个窗口中打开被连接文档。framename在指定的框架中打开被连接文档。

当填好后就在最后用</map>再包起来这样在点击图片的某一区域的时候就能实现跳转到不一样的地方而不须要为了同一个图片点击不一样的地方还要拆分图片来实现功能