Javascript 在单词hover上弹出

每当我将鼠标悬停在橙色文本上时，我都想显示一个带有文本的弹出窗口，但我编写的代码遇到了两种不同的情况：

1） 当您登陆页面时，弹出窗口已经显示。如果我尝试在“popup”类上显示：none，它们将永远不会显示

2） 我希望它们与单词相关，而不是与整个段落相关，但我不知道如何在“choose”类上建立

位置：relative

，因为它是一个span标记，似乎不允许这样做

函数showPopupAmplitud（）{
const popup=document.getElementById（'popup_amplitud'）；
popup.style.display=“”；
}
函数hidepopupampitud（）{
const popup=document.getElementById（'popup_amplitud'）；
popup.style.display=“无”；
}
函数showPopupDAW（）{
const popup=document.getElementById（'popup_daw'）；
popup.style.display=“”；
}
函数hidePopupDAW（）{
const popup=document.getElementById（'popup_daw'）；
popup.style.display=“无”；
}

*{
框大小：边框框；
保证金：0；
填充：0；
}
.文本{
左缘：20%；
右边距：42%；
文本对齐：对齐；
}
.u容器{
位置：相对位置；
}
.选择{
颜色：#FFAC3E；
字体大小：粗体；
}
.弹出窗口{
填充：0px 15px 25px 15px；
背景色：白色；
盒影：1.5px1.5px25pxRGBA（0,0,0,0.3）；
颜色：#6A6A；
位置：绝对位置；
宽度：50%；
顶部：30px；
字体大小：16px；
线高：22.7px；
}
.p{
左缘：4%；
保证金权利：4%；
填充顶部：20px；
}

新的目标是提高学生的学习成绩，使学生的学习成绩提高。卢克
在新塔梯扎多运河和安博斯运河的中间路线上，有一种侧链操作和比例压缩机（没有侧链备用压缩机）



在接触式运动的放大图中，电磁感应是一种医学上的变化，它是一种在厄尔尼波地区的变化。普托中心距离酒店
más alejado de una onda和el punto de Equiremio o medio

在公用事业设施的安全混合器中，这是一条通往欧洲的运河（位于科莫的城堡）
在图像中，单击“这条轨道的侧链”继续，然后单击“这条轨道的侧链”，然后单击“这条轨道的侧链”



数字音频传输系统（EAD）和数字音频工作站（digital audio Workstation）是一个基于音频软件的数字音频传输系统

要悬停，您必须在css中要悬停的道具前面添加“：hover”。 更多关于：

---

查看它对您的作用以及相对位置是否需要更改。

要悬停，您必须在css中要悬停的道具前面添加“：hover”。 更多关于：

---

查看这对您的作用以及相对位置是否需要更改。

对于问题1，请使用此选项：

    .popup_container{display:none;}

    .choose:hover + .popup_container {position:relative;display:auto;}

关于问题2：

---

您需要声明.choose项的位置，将.popup\u容器放在.choose div中，然后相应地定位它。

对于问题1，使用以下方法：

    .popup_container{display:none;}

    .choose:hover + .popup_container {position:relative;display:auto;}

关于问题2：

---

您需要声明.choose项的位置，将.popup_容器放在.choose div中，然后相应地定位它。

这里不需要JavaScript，因为

：hover

伪选择器在CSS中可以完美地工作。悬停

。选择
元素时，使用同级选择器（
~
）选择
。弹出
元素并设置所需状态

像这样：

.choose:hover ~ .popup { 
  ...
}

但是，我建议更改HTML结构。将
.popup
元素变成
并将其放置在
中。选择
span元素。通过这种方式，您可以相对于
元素的位置定位弹出窗口。选择
元素。现在
.popup
是
的子项，您不必使用同级选择器。选择

使用
left
和
transform
属性定位弹出窗口，将其放置在悬停单词的正下方

请参见下面的示例


*{
框大小：边框框；
保证金：0；
填充：0；
}
.文本{
左缘：20%；
右边距：42%；
文本对齐：对齐；
}
.u容器{
位置：相对位置；
}
.选择{
位置：相对位置；
颜色：#FFAC3E；
字体大小：粗体；
}
.弹出窗口{
显示：无；
填充：15px 15px 25px 15px；
背景色：白色；
盒影：1.5px1.5px25pxRGBA（0,0,0,0.3）；
背景色：#ffffff；
颜色：#6A6A；
位置：绝对位置；
宽度：适合的内容；
左：50%；
顶部：30px；
字体大小：16px；
字体大小：正常；
线高：22.7px；
z指数：1；
转换：转换（-50%，0）；
}
.选择：悬停。弹出，
.弹出窗口：悬停{
显示：块；
}
.p{
左缘：4%；
保证金权利：4%；
填充顶部：20px；
}


新的目标是什么
在接触式运动的放大图中，电磁感应是一种医学上的变化，它是一种在厄尔尼波地区的变化。普托中心距离酒店
más alejado de una onda和el punto de Equiremio o medio。
在雷多布兰特的苏伊士河上，阿尔古诺分贝的海水比例是多少。这是一条通往圣塔梯扎多尔的运河