Javascript 鼠标悬停在屏幕上方的小屏幕弹出窗口

老实说，我不知道该如何表达这个问题/

但我试图得到以下效果：

我想知道这里是否有人能帮我找出如何达到图中所示的效果：/

如图所示，其效果是，当我将鼠标悬停在图像上或将“onmouseover”事件绑定到的任何对象上时，会显示一个“弹出窗口”，显示可能需要显示的文本和其他信息

提前谢谢
-扎克

附言。

---

很抱歉这个例子来自魔兽世界；这是我在试图描述这种效果时唯一能想到的事情。

查看众多jQuery工具提示插件中的任何一个

---

看起来相当不错。

查看众多jQuery工具提示插件中的任何一个

---

看起来很不错。

这里有一些伪代码可以帮助您开始：

将mouseover事件绑定到jquery中的link-in:

$（'a.popup'）.mouseover（函数（）{/*code here*/}）

在事件中，查找鼠标的位置

创建（或使用已创建的）div保存您的信息

将div直接放入body元素中，这样您就可以完全定位它

使用前面找到的鼠标位置将div定位在鼠标上（或相对于鼠标）

将鼠标移出事件绑定到链接

在事件中，隐藏绝对定位信息div

在样式表中应用漂亮的样式：）

这就是全部。这并不难——如果您使用jquery，所有这些内容都在文档中

希望这对您有所帮助
以下是一些让您开始学习的伪代码：

将mouseover事件绑定到jquery中的link-in:
$（'a.popup'）.mouseover（函数（）{/*code here*/}）

在事件中，查找鼠标的位置

创建（或使用已创建的）div保存您的信息

将div直接放入body元素中，这样您就可以完全定位它

使用前面找到的鼠标位置将div定位在鼠标上（或相对于鼠标）

将鼠标移出事件绑定到链接

在事件中，隐藏绝对定位信息div

在样式表中应用漂亮的样式：）

这就是全部。这并不难——如果您使用jquery，所有这些内容都在文档中

希望这有帮助
MooTools也有一些不错的鼠标提示：


MooTools也有一些不错的鼠标提示：


谢谢你的帮助。我想是在朋友的帮助下弄明白的：）谢谢你的帮助。我想是在朋友的帮助下弄明白的：）谢谢你的帮助。我想是在朋友的帮助下弄明白的：）谢谢你的帮助。我想是在朋友的帮助下弄明白的：）谢谢你的帮助。我想是在朋友的帮助下弄明白的：）谢谢你的帮助。我知道了，我想是在朋友的帮助下：）