我如何擁有Google+風格的懸浮卡？

Question

我非常喜歡Google+風格的懸浮卡。 當您將鼠標懸停在個人資料圖片上時，會彈出一個小框，類似於Stack Overflow上的“已建立的用戶”hovercards。

我知道如何做CSS，但JavaScript是我需要幫助的。

我在這里有一個類似的代碼： http ： //jsfiddle.net/NathanJohnson/AhVQN/但是，它沒有那么好用。 鼠標偏移無法正常工作。

有人可以幫助我正常工作嗎？ 提前致謝。

Answer 1

您可以在此部分中更改鼠標偏移：

  var pos = {
        // or you could position it relative to the mouse
        top: (e.clientY + 2) + 'px',
        left: (e.clientX + 2) + 'px'
    };

將e.clientY + 2更改為e.clientY + 1 ，hovercard將更接近光標。