JavaScript：定位一个动态创建的元素，以便；“浮动”；翻页

我有这张表格，上面列出了一些教室在一天中不同的课时上的课。每个表格单元格都包含课程名称和讲师姓名

目标是当光标悬停在课程标题或讲师姓名上时，弹出一个文本“气球”。在前一种情况下，文本将是课堂描述，在后一种情况下，文本将是讲师的简历。此材料将在

中的标记中设置为

显示：无

。目前，只有第一个单元具有此类材质

最后，我希望气球“漂浮”在页面上，并“附着”到光标上。它应该在班名或讲师姓名的鼠标上自行关闭

我正在寻找的效果可以通过将鼠标悬停在上一页第一段中的“block”一词上看到。我在钢笔里发明了一个简化的箱子。为了您的方便，我复制了下面的所有代码

我已经使用JavaScript将气球弹出并正确填充相应的文本

但在定位时，弹出窗口会按其高度向下推桌子。这会将光标悬停的元素从光标下方移出，从而实现非自愿的鼠标移出。弹出窗口被移除，表格自身向上重新定位，元素回到光标下，我们有一个鼠标悬停。弹出窗口弹出，桌子被按下，我们有一个鼠标，所以战争在两个事件之间进行

那么如何使用JavaScript定位弹出窗口，使其在表格上方“浮动”，而不是将其自身插入表格上方并向下推动表格？

/*
**类时间表弹出项目的JavaScript
*/
;
////声明全局变量////
var节点对象；
var弹出窗口；
////主要程序////
nodeObject=document.getElementsByClassName（“类标题”）；
addListeners（nodeObject）；
nodeObject=document.getElementsByClassName（“讲师”）；
addListeners（nodeObject）；
////定义函数////
函数addListeners（节点对象）{
var i；
对于（i=0；i

/*课程表*/
.schedule包装器{}.schedule{
宽度：100%；
表布局：固定；
边界间距：0；
保证金：自动0；
字体大小：.8em；
}
.附表p{
线高：1.2米；
}
.附表th，
.附表td{
边框：纯褐色1px；
最小宽度：250px；
文本对齐：左对齐；
垂直对齐：顶部；
左侧填充：10px；
右边填充：10px；
垫面：5px；
}
.附表th{
文本对齐：居中；
}
.附表.标题行，
.附表.标题栏{
背景颜色：浅灰色；
文本对齐：居中
}
.附表.标题栏{
左侧填充：5px；
右侧填充：5px；
垂直对齐：中间对齐；
最大宽度：125px！重要；
最小宽度：100px！重要；
}
.班级名称{
填充物：5px；
字体大小：1.2米；
文字装饰：下划线；
文本对齐：左对齐；
颜色：蓝色；
}
.讲师{
填充物：5px；
填充顶部：8px；
字号：1em；
文字装饰：下划线；
文本对齐：右对齐；
颜色：蓝色；
}
.类别描述，
.讲师简历{
颜色：紫色；
显示：无；
}
.类标题：悬停+.类描述，
.讲师：悬停+.讲师简历{
显示：块；
}
.弹出窗口{
边框：2倍实心#000；
边界半径：10px；
宽度：200px；
高度：250px；
溢出：自动；
背景色：rgba（0,0,0,6）；
颜色：#fff；
z指数：1000；
}
@仅介质屏幕和（最大宽度：1200px）{
.时间表包装{
-webkit溢出滚动：触摸；
溢出-x：自动；
利润率：0；
}
.时间表{
宽度：自动；
}
.附表th，
.附表td{
最大宽度：150px；
}
}

教室
A.
C
D
E
F
我
容量
30
50
100
30
50
100
9:30 - 10:30

2016年在祖先网站上搜索（基本搜索理念）


2016年，祖先搜索发生了巨大变化。学习高级语法和搜索策略。

这简直是胡说八道。这简直是胡说八道。这简直是胡说八道。这简直是胡说八道。这简直是胡说八道。这简直是胡说八道。这简直是胡说八道。这简直是胡说八道。


明迪麦克莱恩


Mindy McLane在我们的每次会议上都教授课程。她是党的