img标签+map的使用
<p>img标签含有一个usemap属性,用法相当于锚点的使用,usemap=“#useName”。然后就是map标签,具体代码:</p>
```
<body>
<div class="container">
<img src="img/萌宝2.jpg" usemap="#useMap"/>
<map name="useMap">
<area shape="circle" coords="400,400,20" href="#1" alt="11111" />
<area shape="rect" coords="50,50,300,300" href="#2" alt="22222" />
</map>
</div>
</body>
<p>area标签含有属性:<br />shape{circle:标示区域为圆形,rect:标示区域为矩形}<br />coords对应位置,前两个是坐标圆形区域就是圆心,第三个参数是圆形的半径,如果是矩形前两个参数是矩形左上角坐标位置,后两个参数分别代表矩形的width和height <br /> href指定点击当前区域跳转的路径</p>
相关文章: