如何在我的网站上弹出Stack Overflow？

Question

当我将鼠标悬停在网站上的用户名时，它会丢弃一个框。我想尝试实现类似的东西，有人可以引导我朝着如何复制这个的方向发展吗？谢谢！

Answer 1

只是概念：

1. 倾听mouseover（及mouseout）个事件。
2. 当触发mouseover事件时，您使用DOM操作创建/显示位于那里的一些HTML元素。
3. 您可以使用AJAX获取其他内容（在该框中显示）。
4. 当框/链接触发mouseout时，再次隐藏该元素。

您可以使用JQuery（或任何其他框架）来简化其中的大部分内容。

Answer 2

Jquery有很多插件来实现popups.Watch here http://choosedaily.com/1178/15-jquery-popup-modal-dialog-plugins-tutorials/

Answer 3

你可以尝试这个jQuery插件：http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/

Answer 4

应该很容易按照以下步骤进行操作

1）准备好你的HTML

2）使其绝对定位

3）听jquery mouseover甚至广告鼠标悬停事件。

4）从父元素获取偏移值，即鼠标悬停事件

5）从Offset val获取mosueover的左val和Top Val。

6）对绝对div项目执行.show并将其放在父元素旁边