如何让jquery像CSS悬停一样盘旋?

时间:2012-08-31 06:42:39

标签: jquery css hover

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

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

jquery hover和css hover之间存在差异。 对于jquery悬停,如果你将鼠标移动到盒子上很短的时间并快速离开盒子,它将运行鼠标输入和鼠标离开动画两者并完成它们,而鼠标输入后鼠标不在盒子上 - 动画结束......

但是对于css悬停,如果你将鼠标悬停在框上,只要你将鼠标悬停在方框上直到鼠标结束动画结束时,悬停效果将运行鼠标离开动画!

如何让jquery像css一样盘旋? 当我将鼠标移到盒子上只是为了一场近战时,我不希望整个动画完全运行!

1 个答案:

答案 0 :(得分:2)

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

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

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