代码改变世界

img标签+map的使用

2018-03-26 12:59  ET.frog  阅读(1391)  评论(0)  编辑  收藏  举报

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>