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

Question

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

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

我希望我的问题是明确的。

Answer 1

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