javascript - 我怎样才能拥有 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 ，hovercard 将更靠近光标。