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>

相关文章:

  • 2021-12-10
  • 2022-12-23
  • 2021-06-02
  • 2021-11-30
  • 2021-07-25
  • 2021-10-20
  • 2021-07-11
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-05-18
  • 2021-10-10
相关资源
相似解决方案