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