jQuery图片悬停效果 | jQuery图片悬停效果

本文介绍了jQuery图片悬停效果的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我想使用jQuery实现。

I'm trying to achieve this effect with jQuery.

我写了一些代码，但它是buggy（移动到右下角，你会看到）。

I wrote some of the code, but it's buggy (move to the bottom-right corder and you'll see).
check it out

基本上，如果有一个已经构建的jQuery插件，你知道这样做，我会非常高兴使用它，如果没有，任何帮助我的公式将不胜感激。）

Basically, if there's an already-built jQuery plugin that you know of that does this, I'd be very happy using it, if not, any help with my formula would be appreciated. This is what I get for not paying attention in Maths classes :)

提前感谢。

Maikel

推荐答案

总体来说，我认为这是你要找的：

Overall I think this is what you're looking for:

 $  
   
 不需要绑定 mousemove  c> mouseenter （重新绑定） mousemove 只会出现在你还在里面时。
 
 new_x and new_y should be divided by the images height/width, not the container's height/width, which is wider.
this is already a jQuery object in a $.fn.plugin function, no need to wrap it.i and p were also jQuery objects, no need to keep wrapping them
                        这篇关于jQuery图片悬停效果的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！