创建“悬浮卡片”

Question

我想为Facebook自己的悬浮卡片创建一个类似的功能，将鼠标悬停在某个句子上，并在包含某些信息的文本正上方弹出一个小窗口。

我想知道是否有人可以指出我在正确的方向创造类似的东西。

Facebook的名片：

Answer 1

一个解决办法是创建这些卡（如果它们是静态的），因为它们。只需在第一步中将其设置为可见，然后进行设计即可。

第二步是将display:none设置为全部。

后来，如果你将鼠标悬停在某个文本，然后调用一个JS函数改变CSS来display:block;

这是你不想要的动态数据或内容的情况下，这仅仅是一个简单的解决方案。从那里，你可以开始考虑让它更先进。

1. 风格，因为他们将可以看到所有的时间
2. 卡隐藏他们显示：无;
3. 调用JavaScript函数，当你将鼠标悬停在文本/链接和更改CSS为display：block

Answer 2

退房qTip 。这里有一个链接到他们的演示页：

http://qtip2.com/demos