弹出式定位在CSS / javascript中

时间:2014-03-28 17:44:39

标签: javascript css popupwindow imagemap

我不是任何程序员,但我能够弄清楚如何使用在线工具创建我想要的弹出图像地图,并且我弄清楚了代码的哪些部分(看起来像是javascript和css的组合,我认为,我们的网站主要是css)控制了一些我想要改变的元素(背景颜色和弹出框的大小/形状)。我最后一个无法解决的问题是修复定位问题。其中三个弹出窗口从页面上掉下来,无法完全查看/阅读。目前,当它悬停在图像上时,它们会弹出到光标的右下角。如果我可以将它切换到左侧,我应该没事。

这是一个网站,提供我正在谈论的内容:http://www.foresightdesign.org/education/flsi/transect.php

如果需要,我很乐意粘贴代码。

1 个答案:

答案 0 :(得分:1)

要将其移至左上角,请将javascript更改为:

tt.style.top = (y - 320) + 'px';
tt.style.left = (x - 420) + 'px';

只要您的div保持静态大小为300x400px,这将有效。如果距离太远则增加x值(可能 - 210会更好,因为它会将其置于光标上方。)