如何让jquery像CSS一样悬停？

Question

我在这里用jquery和css代码制作了两个悬停效果：

http://jsfiddle.net/UFSvN/3/

jquery hover和css hover是有区别的。对于jquery悬停，如果您在框上移动鼠标很短的时间并快速离开框，它将运行鼠标进入和鼠标离开动画，并将完成它们，而鼠标在鼠标进入动画结束后没有在框上...

但对于css悬停，如果您悬停框，悬停效果将运行鼠标离开动画，如果您将鼠标停留在框上，直到鼠标悬停动画结束！

如何让jquery像css一样悬停?！我不想让整个动画完全运行，当我移动我的鼠标在方框上，只是为了混战一秒钟！

Answer 1

使用.stop()停止当前正在运行的动画。

示例：http://jsfiddle.net/UFSvN/4/

在小提琴中，我传入了'true‘作为参数。这将清除动画队列。一定要阅读jQuery文档；它还展示了很多其他很酷的事情，比如传入第二个参数跳到动画的末尾。