jQuery动画stop()用法

第一种情况：jquery

[clearQueue],[gotoEnd]Boolean,Boolean v1.2

clearQueue:如果设置成true，则清空队列。可以立即结束动画。

gotoEnd:让当前正在执行的动画立即完成，并且重设show和hide的原始样式，调用回调函数等。

这种情况下，默认情况是stop(false,false),所以使用stop(),会让当前动画立即停止，但动画队列里的下一个动画仍然执行。for：

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title><style type="text/css">#o{width: 200px;height: 200px;background: red;}</style></head><body><div id="o"></div></body><script type="text/javascript" src="js/jquery-3.2.1.min.js" ></script><script type="text/javascript">$('#o').animate({height:'50'},1000).animate({opacity:'0.5'},1000);$('#o').mouseover(function(){$(this).stop();//可以分别设置（true，false），（true，true），(false,true)看效果})</script>
</html>

[queue],[clearQueue],[jumpToEnd]Boolea v1.7

queue:用来停止动画的队列名称

clearQueue:如果设置成true，则清空队列。可以立即结束动画。

jumpToEnd:如果设置成true，则完成队列。可以立即完成动画。

项目中用的比较多的是stop(true,true),清空动画队列，并且跳转至当前动画末尾状态。

jQuery动画stop()用法相关推荐

jQuery动画高级用法（上）——详解animation中的.queue()函数
如果你拿着一个疑问去找专业人士寻找答案,那么你的一个疑问会变成三个,因为他会用另外两个令你更加一头雾水的名词来解释你的这个疑问. 我想这是大多数,包括我在内,IT人在学习过程中碰到的最大问题.当你有一 ...
jQuery动画高级用法（上）——详解animation中的.queue()动画队列插队函数
决定对animate方面做一些总结,希望能给大家一些启发和帮助从一个实际应用谈起今天不谈animate().fadeIn().fadeOut().slideUp().show().hide()诸如 ...
jQuery复习-(jQuery入门,jQuery语法(DOM),jQuery动画)
jQuery入门 jQuery的概述 jQuery是概念: jQuery是一个第三方框架(库) 框架:别人写好的js代码文件框架好处:复制粘贴提高代码效率 jQuery的作用: DOM操作(主要) ...
js进阶 13-6 jquery动画效果相关常用函数有哪些
js进阶 13-6 jquery动画效果相关常用函数有哪些一.总结一句话总结:animate(),stop(),finish(),delat()四个. 1.stop()方法的基本用法是什么(sto ...
Java程序员从笨鸟到菜鸟之（九十一）跟我学jquery（七）jquery动画大体验
本文来自:曹胜欢博客专栏.转载请注明出处:http://blog.csdn.net/csh624366188 最近一直感觉自己好忙,每天都浑浑噩噩的过着,转眼间,好像有好长时间没有更新笨鸟到菜鸟了.现 ...
从零开始学习jQuery (七) jQuery动画-让页面动起来!
本系列文章导航从零开始学习jQuery (一) 开天辟地入门篇从零开始学习jQuery (二) 万能的选择器从零开始学习jQuery (三) 管理jQuery包装集从零开始学习jQuery ( ...
jQuery框架学习第七天：jQuery动画–jQuery让页面动起来!
jQuery框架学习第一天:开始认识jQuery jQuery框架学习第二天:jQuery中万能的选择器 jQuery框架学习第三天:如何管理jQuery包装集 jQuery框架学习第四天:使用jQu ...
详解JQuery动画
我这是我在逆战班学习js的第六周,今天让我来给大家解释一下jQuery框架中的jQuery动画的应用及方式 jQuery动画可以分为内置动画和自定义动画,下面让我们用代码来说明它的用法一.jQuer ...
jQuery动画操作
1.1 知识点 1．show()通过display:block/none来实现隐藏和显示 2．show(毫秒值):通过控制宽高透明度和display来实现 3．show("slow/norm ...
jQuery动画（jQuery预制动画，jQuery自定义动画，jQuery停止动画和延迟动画）
目录 jQuery预制动画显示隐藏动画上拉下拉动画(高度动画) 淡入淡出动画(透明度动画) jQuery自定义动画 jQuery停止动画和延迟动画等 jQuery预制动画 jquery的预制动画 ...

jQuery动画stop()用法

第一种情况：jquery

[clearQueue],[gotoEnd]Boolean,Boolean v1.2

[queue],[clearQueue],[jumpToEnd]Boolea v1.7

jQuery动画stop()用法相关推荐

最新文章

热门文章