我在这里用jquery和css代码制作了两个悬停效果:
jquery hover和css hover之间存在差异。 对于jquery悬停,如果你将鼠标移动到盒子上很短的时间并快速离开盒子,它将运行鼠标输入和鼠标离开动画两者并完成它们,而鼠标输入后鼠标不在盒子上 - 动画结束......
但是对于css悬停,如果你将鼠标悬停在框上,只要你将鼠标悬停在方框上直到鼠标结束动画结束时,悬停效果将运行鼠标离开动画!
如何让jquery像css一样盘旋? 当我将鼠标移到盒子上只是为了一场近战时,我不希望整个动画完全运行!
答案 0 :(得分:2)
使用.stop()
停止当前正在运行的动画。
示例:http://jsfiddle.net/UFSvN/4/
在小提琴中,我传入'真实'作为论据。这会清除动画队列。请阅读jQuery文档;还有很多其他很酷的东西,它告诉你如何做,比如传递第二个参数跳转到动画的结尾。