php - 悬停弹出窗口与图像上的附加链接

Question

我正在尝试建立一个我有图像的页面。现在我想做一个任务，当鼠标移到图像的某个部分时，带有一些链接的图像会作为鼠标悬停功能弹出。

例如，我有一张美国地图（作为我网页上的图像），并且当我将鼠标移到其州（例如：德克萨斯州）上时，德克萨斯州的图像（嵌入为超链接）弹出更大的视图，并且该图像具有城市的附加链接，用户应该能够单击这些链接并可以到达该城市的页面。

我希望我的查询很清楚。

Answer 1

您可以使用图像地图来划分区域（例如州）。您可以使用一些 jquery 库，例如maphighlight来显示悬停效果。最后，由于您想在弹出框中显示动态内容，您可以创建一个通用模板，该模板根据传递的 id 填充，然后您可以向该页面发出ajax 请求并传递 id。colorbox （是一种灯箱）也支持图像映射，因此您可以使用 ajax 填充它，只需在每个区域的 href 标记中传递 urul 即可。