jQuery stop() 方法
jQuery stop() 方法用于停止动画或效果,在它们完成之前。
语法:$(selector).stop(stopAll,goToEnd);
可选的 stopAll 参数规定是否应该清除动画队列。默认是 false,即仅停止活动的动画,允许任何排入队列的动画向后执行。
可选的 goToEnd 参数规定是否立即完成当前动画。默认是 false。
因此,默认地,stop() 会清除在被选元素上指定的当前动画。
1、$("div").stop(); //停止当前活动的动画,但允许已排队的动画向前执行。(即:停止当前动画,跳入下一个动画)2、$("div").stop(true); //按钮停止当前活动的动画,并清空动画队列;因此元素上的所有动画都会停止。3、$("div").stop(true,true); //会立即完成当前活动的动画,然后停下来。(即:停止所有动画,跳到当前动画终点)4、$("div").stop(true,false); //停止所有动画,保持当前状态
实例:
"开始" 按钮会启动动画。
"停止" 按钮会停止当前活动的动画,但允许已排队的动画向前执行。
"停止所有" 按钮停止当前活动的动画,并清空动画队列;因此元素上的所有动画都会停止。
"停止但要完成" 会立即完成当前活动的动画,然后停下来。
HELLO
实例二、
动画效果 <%-- 默认情况下,所有 HTML 元素的位置都是静态的,并且无法移动。如需对位置进行操作,记得首先把元素的 CSS position 属性设置为 relative、fixed 或 absolute。