使悬停效果对图像的不同部分产生影响,而不是html而是img

Question

基本上我有一个建筑项目的"蓝图",我需要这样做,以便当他们悬停在地板的特定部分时,会弹出一个简短的描述.这样的事情:

Answer 1

您可以使用区域地图.语法如下:

<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并制作悬停项目.试一试,告诉我们.

您可以在线使用图像映射生成器,有很多.我使用这个:http://imagemap-generator.dariodomi.de/这比你自己做的容易得多.