javascript - 指定工具提示位置

Question

我正在这个网站上工作:http://india.kentlewis.net/book1.html .

我在图表中显示了一系列缩略图。我已将页面配置为 onmouseover，全尺寸图像作为 tooltip 框弹出。问题是图像是 800x600，因此图表位于屏幕中间，至少部分图像总是在屏幕外。

我正在寻找一种方法，使弹出窗口出现在特定位置(比如屏幕的左上角)，而不管光标位置如何。

Answer 1

使用 mouseover 会有一个问题:如果较大的图像出现在 mouseover 的固定位置，几乎不可能确保它不覆盖缩略图的位置；当它出现时，您的光标不再位于缩略图上方(而是位于较大的图像上方)。图像会自动再次隐藏。

因此，如果您想要较大图像的固定位置，我建议使用/编写另一个脚本，在单击时打开图像，并带有“关闭图像”类型的链接。灯箱脚本通常是这样做的。

原创灯箱:
Lighbox 2 -- 作者 Lokesh Dhakar “...一个简单、不显眼的脚本，用于在当前页面上叠加图像。它的设置非常简单，适用于所有现代浏览器。” (我相信这是“原始”灯箱脚本的第二个版本)

我的建议(我使用的那个 -- 更轻，更符合标准):
Slimbox 2 -- Christophe Beyl “...是流行的 Lightbox 2 脚本的 4 KB 视觉克隆，由 Lokesh Dhakar 编写，使用 jQuery javascript 库编写。它被设计为非常小、高效、标准友好、完全可定制、更多方便且与原始 Lightbox 2 100% 兼容。”