如何使jQuery的悬停像CSS悬停？

Question

我做既jQuery和CSS代码这里有两个悬停效果：

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

有jQuery的悬停和CSS悬停之间的差异。 jquery悬停，如果你将鼠标移动到盒子上很短的时间并快速离开盒子，它将运行鼠标输入和鼠标离开动画，并且将完成它们，而鼠标不会在鼠标移到盒子后面，输入动画结尾...

但对于css悬停，如果您将鼠标悬停在该框上，悬停效果将运行鼠标离开动画，只要将鼠标悬停在该框上直到鼠标悬停在动画结尾/已完成！

我该如何让jQuery的悬停像CSS悬停？！ 我不想让整个动画完全跑出来，当我将鼠标移到刚刚接近混战的第二个框上时！

Answer 1

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

实施例：http://jsfiddle.net/UFSvN/4/

在小提琴，我在 '真' 作为参数传递。这将清除动画队列。请阅读jQuery文档;还有很多其他很酷的东西可以告诉你如何去做，比如传递第二个参数来跳转到动画的结尾。