創建「懸浮卡片」

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