如何让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/

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