javascript - 对图像的不同部分产生悬停效果，而不是 html 而是 img

Question

基本上我有一个建筑元素的“蓝图”，我需要制作它以便当它们悬停在地板的特定部分时会弹出一个简短的描述。像这样:

Answer 1

您可以使用区域 map 。语法如下:

<map name="myMap">
  <area shape="rect" coords="0,0,10,20" href="somelink.html">
  <area shape="circle" coords="10,30,50,100" href="anotherlink.html">
</map>

您使用坐标来定义每个区域。然后，您可以为每个区域分配一个 ID 并制作悬停项。试试看，然后告诉我们。

您可以在线使用图像 map 生成器，有很多。我用这个:http://imagemap-generator.dariodomi.de/这比您自己做要容易得多。