jQuery .mousemove() 与 :hover

Question

我正在尝试编写一个简单的悬停预览效果。我正在使用 CSS :hover 伪类来显示更大的图像，并使用 jQuery .mousemove() 来跟踪鼠标光标的位置。较大的图像应该出现在悬停时并跟随鼠标光标。

问题是当鼠标不再“悬停”时，较大的图像不会消失。它会在整个页面上跟随鼠标几秒钟，然后最终消失。它似乎在 IE8 中工作得更好一些，但在任何其他浏览器中都没有(IE8 也给我定位问题，但这是一个不同的问题)。

如有任何帮助，我们将不胜感激。

Here's the code :

Answer 1

只需在您的偏移量中多一点填充，这样鼠标就不会悬停在大图像上。看看这个 jsFiddle

 var relX = pageX - parentOffset.left +20;
 var relY = pageY - parentOffset.top+20;