Javascript 指定工具提示位置

Javascript 指定工具提示位置,javascript,html,css,Javascript,Html,Css,我正在这个网站上工作: 我在图表中显示了一系列缩略图。我已经对页面进行了配置,以便在MouseOver上,完整大小的图像作为工具提示框弹出。问题是图像是800×600,所以在屏幕中间的图表中,图像的至少一部分总是在屏幕之外。p> 我正在寻找一种方法,使弹出窗口出现在一个特定的位置,比如屏幕的左上角,而不管光标的位置如何 请尝试使用以下样式弹出窗口 position:absolute; top:0px; left:0px 使用鼠标悬停会有问题:如果较大的图像出现在鼠标悬停的固定位置,则几乎不可能

我正在这个网站上工作:

我在图表中显示了一系列缩略图。我已经对页面进行了配置,以便在MouseOver上,完整大小的图像作为工具提示框弹出。问题是图像是800×600,所以在屏幕中间的图表中,图像的至少一部分总是在屏幕之外。p>
我正在寻找一种方法,使弹出窗口出现在一个特定的位置,比如屏幕的左上角,而不管光标的位置如何

请尝试使用以下样式弹出窗口

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

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

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

原始灯箱: -由Lokesh Dhakar…一个简单、不引人注目的脚本,用于覆盖当前页面上的图像。这是一个快速设置,适用于所有现代浏览器。我相信这是“origal”灯箱脚本的第二个版本

我的建议是我使用的-更轻,更符合标准:
-Christophe Beyl…是Lokesh Dhakar使用jQuery javascript库编写的流行Lightbox 2脚本的4KB视觉克隆。它的设计非常小巧、高效、标准友好、完全可定制、更方便,并且与原Lightbox 2 100%兼容。

india.kentlewis.net/book1.htmlmaybe如果图像太大,您不应该使用鼠标悬停来显示图像。原因是,无论你在哪里有缩略图,图像的某些部分都会像你看到的那样离开屏幕。如果你移动鼠标,你就会停在另一个缩略图上。将函数更改为onclick,然后您应该能够将图像定位到您想要的任何位置。