1

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

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

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

但是对于css悬停,如果悬停该框,悬停效果将运行鼠标离开动画,前提是您将鼠标悬停在框上直到鼠标悬停动画结束/完成!

我怎样才能让 jquery 像 CSS 悬停一样悬停?!当我将鼠标移到盒子上一秒钟时,我不想让整个动画完全运行!

4

1 回答 1

2

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

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

在小提琴中,我传入了 'true' 作为参数。这将清除动画队列。请阅读 jQuery 文档;它还向您展示了许多其他很酷的事情,例如传递第二个参数以跳转到动画的末尾。

于 2012-08-31T06:46:39.823 回答