javascript - 如何向图像地图坐标添加弹出显示？

Question

我想弹出关于我的图像地图坐标的信息。我已经设置了图像映射并且工作正常，但无论是 jQuery 还是仅使用 CSS，我似乎都无法合并弹出窗口。

一个示例图像映射坐标线是：

<area shape="rect" coords="2,44,250,108" href="http://blah.com" alt="test alt" title="test title" />

我尝试将该代码放入

<span class="dropt" title="title">Above area shape line here
<span style="width:500px;">Pop-up text</span>
</span>

使用css但没有用。

我还尝试了 jQuery 并让弹出窗口处理文本和单个图像，但是可以使用图像映射坐标来完成吗？

谢谢，

Answer 1

转到您所在的区域并将您的 href="http://blah.com" 更改为 javascript:alert('hello')" 或 "javascript:openPopup()" 或任何适合您的，在 openPopup 上您必须定义首先是一个脚本。