Popup定位在CSS/javascript

我不是一个程序员在任何方式，但我能弄清楚如何使用在线工具来创建我想要的弹出式图像映射，我想出了代码的哪些部分（它似乎是JavaScript和CSS的组合，我认为，我们的网站主要是CSS）控制了一些我想改变的元素（背景颜色和弹出框的大小/形状）。我最后的问题，我一直无法解决，是固定的定位。其中三个弹出窗口脱离页面，无法完全查看/阅读。目前，当它悬停在图像上方时，它们会弹出到光标的右下角。如果我可以切换到左侧，我应该没问题。Popup定位在CSS/javascript

这里是网站，提供我所谈论的一个想法：http://www.foresightdesign.org/education/flsi/transect.php

我很高兴在代码粘贴，如果需要的话。

来源

2014-03-28 user3473709

当然，如果您将显示已完成的操作，那将会很好。 –

您需要确定弹出窗口的宽度并相应地转换其起始x坐标。减去宽度值将显示锚定弹出框的右侧角。 – Jasen

将它移动到左上角，改变javascript来此：

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

这只要你的div仍然静态尺寸为300x400px工作。如果它太过左，则增加x的值（可能 - 210会更好，因为它会将其居中在光标上方）。

来源

2014-03-28 18:29:18 fzzylogic

Popup定位在CSS/javascript

回答

相关问题