Как мне получить ховеркарту в стиле Google+?

Question

Мне очень нравится ховеркард в стиле Google+.Когда вы наводите курсор мыши на изображение профиля, появляется всплывающее окно, похожее на карты наведения «установленных пользователей» здесь, в Переполнении стека.

Я знаю, как сделать 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, и карта наведения будет ближе к курсору.