带有可点击区域的map图像映射

Posted vivayue

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了带有可点击区域的map图像映射相关的知识,希望对你有一定的参考价值。

如果需要规定一个不规则点击区域可用map图像映射

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>map图像映射</title>
</head>

<body>
<img src="3.jpg" border="0" usemap="#picmap"  />
<map id="picmap" name="picmap">
<area shape="circle" coords="20,20,20" href="http://www.baidu.com" target="_blank" alt="123" />
 <area shape="poly" coords="30,0,30,100,80,100" href="http://www.baidu.com" target="_blank" alt="456" />
</map>
</body>
</html>

  

以上是关于带有可点击区域的map图像映射的主要内容,如果未能解决你的问题,请参考以下文章

map+area标签

div、背景图像和图像映射

映射图像 onClick 事件加上 maphilight 悬停

如何使绝对定位的图像区域地图可以用鼠标点击?

在图像地图中突出显示地图亮点区域

标记的形状 - 可点击区域