博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
★★停止动画和停止所有动画$(selector).stop() 详解
阅读量:4692 次
发布时间:2019-06-09

本文共 873 字,大约阅读时间需要 2 分钟。

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。 

 

转载于:https://www.cnblogs.com/shimily/articles/3895052.html

你可能感兴趣的文章
想转行做web前端工程师,必学这6大技能
查看>>
Mybatis的缓存机制Cache
查看>>
如何从Java方向转向Linux C方向?
查看>>
第04次作业-树
查看>>
github
查看>>
Nginx configure
查看>>
计算机科学
查看>>
jruby环境下REDMINE安装纪要
查看>>
内存模型
查看>>
MYSQL file types redo log
查看>>
iOS 音乐
查看>>
测试技术提升建议
查看>>
51Nod 1274 - 最长递增路径(DP)
查看>>
eureka集群的两种配置方式:配置文件方式与DNS方式
查看>>
测开之路十六:@classmethod与@staticmethod
查看>>
网站改版进行时,需要注意的
查看>>
Intellij IDEA神器居然还有这些小技巧
查看>>
POJ-1861-NETWORK 解题报告
查看>>
交流会
查看>>
ARC077C pushpush 递推
查看>>