html area useMap 图片热区

最新推荐文章于 2022-08-10 18:28:48 发布

desert3

最新推荐文章于 2022-08-10 18:28:48 发布

阅读量203

点赞数 1

分类专栏： Html 文章标签： HTML

本文链接：https://blog.csdn.net/desert3/article/details/83913118

版权

Html 专栏收录该内容

28 篇文章 0 订阅

订阅专栏


图片
<img src="${ctx}/styles/index/images/pic12.jpg" width="248" height="60" usemap="#Map"/>

Map
<map name="Map" id="Map">
  <area shape="rect" coords="0,0,123,58" href="http://www.baidu.com" />
  <area shape="rect" coords="123,0,246,58" href="http://www.google.com" />
</map>

shape是rect 矩形的时候，coords对应图片上的左上和右下的坐标
shape是circ 圆形的时候，coords对应图片上的圆心坐标和半径长度
shape是poly 多边形的时候，coords对应图片上的多变形各个角的坐标