javascript - 如何获得Google+风格的悬浮卡？

我真的很喜欢Google+风格的悬浮卡。将鼠标悬停在个人资料图片上时，它会弹出一个小框，类似于此处的“堆栈溢出”中的“已建立的用户”悬浮卡。

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

我这里有一个类似的代码:http://jsfiddle.net/NathanJohnson/AhVQN/但是，它的效果不是那么好。鼠标偏移无法正常工作。

有人可以帮助我使其正常工作吗？提前致谢。

最佳答案

您可以在此部分中更改鼠标偏移:

  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，悬浮卡将更靠近光标。