Htmlmap使用实例教程

我就不介绍map了，直接说遇到的问题。

问题一： 如果图片原始尺寸是900px，但是你展示的尺寸是450px,那map就定位不准了，怎么破？

问题二： 如果一个页面有多张图片需要map，怎么做？

一、素材图片：

1、这是一张900px的素材图片，我们要让右下角4个小圆图标可以点击。

二、HTML结构：

1、coords的对应坐标不用变，只需在JS里面改变其比例就OK！

1 <div class="map_img">2     <img class="mapImg" usemap="mapName" src="isphoto/abc.png" alt="" style="width: 450px">3     <map name="mapName">4         <!-- 方形区域写法 -->5         <!-- <area shape="rect" coords="605,250,660,305" target="_blank" href ="javascript:alert(1);" alt=""/> -->6         <area shape="circle" coords="633,276,28" target="_blank" href ="javascript:alert('汽车图标');" alt=""/>7     </map>8 </div> 

查看更多关于Htmlmap使用实例教程的详细内容...