我怎样才能拥有Google+风格的悬浮卡？

Question

我真的很喜欢Google+风格的气垫卡。当你将鼠标悬停在个人资料图片上时，它会弹出一个小方框，类似于Stack Overflow上的“已建立用户”悬停卡片。

​

​

我知道如何做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，悬停卡片将更靠近光标。