gpt4 book ai didi

javascript - CSS/javascript 中的弹出定位

转载 作者:太空宇宙 更新时间:2023-11-04 13:40:47 24 4
gpt4 key购买 nike

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

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

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

最佳答案

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

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

只要您的 div 保持静态大小为 300x400 像素,此方法就会起作用。如果它太左,则增加 x 值(也许 - 210 会更好,因为它会在光标上方居中。)

关于javascript - CSS/javascript 中的弹出定位,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22719809/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com