指定工具提示位置

时间:2011-06-20 04:05:32

标签: javascript html css

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

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

无论光标位置如何,我都在寻找一种让弹出窗口出现在特定位置(比如屏幕的左上角)的方法。

2 个答案:

答案 0 :(得分:0)

请尝试将以下样式添加到弹出窗口

position:absolute;
top:0px;
left:0px

答案 1 :(得分:0)

使用鼠标悬停时会出现问题:如果鼠标悬停在固定位置时出现较大的图像,则几乎不可能确保它不会覆盖缩略图的位置;当它的光标不再在缩略图上时(而不是在较大的图像上)。并且图像会自动再次隐藏。

因此,如果您想要更大图像的固定位置,我建议使用/编写另一个脚本,在点击时打开图像,并使用“关闭图像”类型链接。 Lightbox脚本通常是如何完成的。

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

我的推荐(我使用的那个 - 更轻,更符合标准):
Slimbox 2 - 作者:Christophe Beyl“......是Lokesh Dhakar流行的Lightbox 2脚本的4 KB视觉克隆,使用jQuery javascript库编写。它的设计非常小巧,高效,符合标准,完全可定制,更方便,与原装Lightbox 2 100%兼容。“