我如何拥有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将更靠近光标。