使用图像上的其他链接悬停弹出窗口

Question

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

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

我希望我的查询清楚。

Answer 1

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