javascript - 鼠标悬停时的小屏幕弹出窗口

Question

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

但我试图获得以下效果：

我想知道这里是否有人可以帮助我尝试弄清楚如何实现如图所示的这种效果？：/

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

提前致谢！
-扎克

PS对不起，这个例子来自魔兽世界；这是我试图描述这种效果时唯一能想到的。

score 1 · Accepted Answer

1

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

qTip似乎还不错。

于 2009-06-15T04:37:55.900 回答

score 0 · Accepted Answer

这里有一些伪代码可以帮助您入门：

将鼠标悬停事件绑定到链接 - 在 jquery 中：$('a.popup').mouseover(function(){ /* code here */ });

如果找到鼠标
创建（或使用已创建）的位置 div 来保存您的信息
，请将 div 直接放入 body 元素中，这样您就可以绝对定位它，
使用您之前找到的鼠标位置将您的 div 定位在鼠标上（或相对于鼠标）鼠标）

将鼠标移出事件绑定到事件中的链接
隐藏绝对定位的信息 div

在样式表中应用漂亮的样式:)

这里的所有都是它的。这并不难——如果你使用的是 jquery，所有这些东西都在文档中。

希望这可以帮助

score 0 · Accepted Answer

0

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

于 2009-06-15T05:44:08.067 回答

3 回答 3