位置: 编程技术 - 正文

详解jQuery停止动画——stop()方法的使用(jquery 控制暂停和播放)

编辑:rootadmin

推荐整理分享详解jQuery停止动画——stop()方法的使用(jquery 控制暂停和播放),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:jquery结束方法,jquery停止动画,jquery定时器暂停,jquery关闭页面,js 停止,jquery结束方法,jquery结束方法,jquery中停止动画使用什么方法,内容如对您有帮助,希望把文章链接给更多的朋友!

很多时候需要停止匹配元素正在进行的动画,比如,当鼠标选入元素时显示菜单,鼠标离开时隐藏下拉菜单,如果鼠标移入移出过快的话就会导致动画效果与鼠标的动作不一致的情况,此时stop()就派上用场了。

stop()方法的语法结构为:

stop([clearQueue],[gotoEnd]);

参数clearQueue和gotoEnd都是可选参数,为Boolean值(true或false)。clearQueue代表是否清空未执行完的动画队列,gotoEnd代表是否直接将正在执行的动画跳转到末状态。

(1)直接使用使用stop()方法,则会立即停止当前正在进行的动画,如果接下来还有动画等待继续进行,则以当前状态开始接下来的动画。比如下面例子:

此时,在光标移入时,触发光标移入动画(在0.2秒内height变为),在动画还没执行完的时候光标移出,则停止当前动画(可能height还未到达),执行光标移出触发的动画(在0.3秒内height变回)。反之亦然。

详解jQuery停止动画——stop()方法的使用(jquery 控制暂停和播放)

如果遇到组合动画,例如:

此时只用一个不带参数的stop()方法就显得力不从心了。因为stop()方法只会停止正在进行的动画,如果动画正执行在第1阶段(改变height的阶段),则触发光标移出事件后,只会停止当前的动画,并继续进行下面的.animate({width: ""},)动画,而光标移出事件中的动画要等这个动画结束后才会继续执行,这显然不是预期的结果。这种情况下stop()方法的第一个参数就发挥作用了。

(2)stop(true),此时程序会把当前元素接下来尚未执行完的动画队列清空。所以可以把上面代码改成如此代码,就能实现预期的效果。

(3)第2个参数(gotoEnd)可以用于让正在执行的动画直接到达结束时刻的状态,通常用于后一个动画需要基于前一个动画的末状态的情况,可以通过stop(false,true)这种方式来让当前动画直接到达末状态。

(4)两者结合起来stop(true,true),即停止当前动画并直接到达当前动画的末状态,并清空动画队列。

(5)注意,jQuery只能设置正在执行的动画的最终状态,而没有提供直接到达执行动画队列最终状态的方法。例如有一组动画:

无论怎么设置stop()方法,均无法再改变"width"或者"height"时,将此<div>元素的末状态变成*大小,并且设置透明度为0.2。

温馨提示:

jQuery中的动画有show()、hide()、fadeIn()、fadeOut()、slideDown()、slideUp()、animate()等等。stop()方法对上述的动画都适用。

标签: jquery 控制暂停和播放

本文链接地址:https://www.jiuchutong.com/biancheng/373919.html 转载请保留说明!

上一篇:详解jQuery中基本的动画方法(jquery基础知识)

下一篇:详解jQuery中的事件(jquery1)

  • 税务师考哪5门
  • 不在经营范围内可以开票吗
  • 民非企业是否可以盈利
  • 增值税起征点的规定只适用于
  • 报关单位的信用管理制度
  • 工程项目立项前的安全评估
  • 哪些发票可以冲红票
  • 应收账款售让会计分录怎么写?
  • 筹办期的工资费用是什么
  • 期初建账库存少录数量会计怎么处理
  • 超市商品打折怎么算出来
  • 融资租赁的服务费的标准
  • 土地罚款可以计入成本吗?
  • 风险纳税人如何解除
  • 购买标书的费用计入什么科目
  • 企业汇算清缴后税务局会不会查
  • 税控机抵扣网上申报如何做?
  • 增值税计入应付账款
  • 运输公司租赁车辆怎么做账
  • 王者荣耀通用铭文狩猎和隐匿
  • 外贸收汇怎么处理
  • win10升级win11报错
  • 怎么删除win10开机多余选项
  • php的mysql_query
  • 房地产企业如何计算土地使用税
  • 收到证券公司异常交易
  • 小企业会计准则适用于哪些企业
  • 逾期增值税扣税凭证抵扣管理办法
  • Java+JSP+Mysql+Tomcat实现Web图书管理系统
  • gpt最大
  • python里面的类
  • 房企预缴税款会退税吗
  • 有合同没有发票怎么入账
  • 劳务派遣应如何签合同
  • 大华摄像头海康威视录像机
  • 设备安装工程验收规范
  • 其他资本公积主要包括
  • 美金账户余额截图
  • 辞退福利是短期还是长期
  • 企业应纳税总额怎么算
  • 从合同有什么
  • 收到发票并支付货款怎么做账
  • 个体户注销工商需要等公示时间结束吗?
  • 租赁厂房对方不租怎么办
  • 建筑服务预征缴纳税款期初余额怎么算
  • 库存现金余额过大的风险
  • 预付账款收到发票
  • 公司土地被征收怎么办
  • 初次购买税控盘480都能抵扣吗
  • 700元打8折怎么算
  • 农民农作物补偿标准文件
  • 纳税人的收入总额是什么
  • 经纪代理包括什么
  • 确定固定资产的标准
  • 产成品入库的单据是什么
  • 公司打到个人账户的钱算公款吗
  • 新公司开户有几种类型
  • 信用代码证过期了6年怎么办理
  • 出口货物退货的原因
  • 公司注销剩余的存货怎么处理
  • 工程结算科目是一级科目吗?
  • 开具销项负数发票会计分录
  • sql server数据库怎么导出
  • sql server中的文件位置可以很灵活
  • 从几个方面论述
  • ubuntu下mysql的常用命令
  • 晨枫U盘启动工具哪个版本好用
  • win8开机进入开始界面
  • postgres.exe是什么进程 postgres进程查询
  • 我是如何从0开始做到年入1000+万的
  • unity g
  • opengl怎么导入模型
  • js datetime
  • 使用node.js实现用IP地址查询天气情况
  • jquery根据class
  • node 动态路由
  • js easyui
  • 一般纳税人企业所得税怎么算
  • 河北耕地占用税最新规定
  • 亏损可以结转吗
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设