1.stop()方法解析

  • 停止所有在指定元素上正在运行的动画
  • stop(clearQueue,gotoEnd)
  • 这个两个参数可选值是布尔值
  • stop(flase,flase):不请空动画队列，不立即跳到动画最后
  • stop(true,true):请空动画队列，立即跳到动画最后
  • stop(flase,true):不请空动画队列，立即跳到动画最后
  • stop(true,flase):请空动画队列，不立即跳到动画最后

2.代码如下

  1. <!DOCTYPE html>
  2. <html lang="en">
  4. <head>
  5.     <meta charset="UTF-8">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.     <title>stop用法</title>
  8.     <style>
  9.         #box {
  10.             width: 100px;
  11.             height: 100px;
  12.             position: absolute;
  13.             top: 50px;
  14.             left: 50px;
  15.             border: 1px solid #000;
  16.         }
  17.     </style>
  18. </head>
  20. <body>
  21.     <button id="btn1">stop(false,false)</button>
  22.     <button id="btn2">stop(true,true)</button>
  23.     <button id="btn3">stop(false,true)</button>
  24.     <button id="btn4">stop(true,false)</button>
  25.     <div id="box"></div>
  26.     <script src=" https://cdn.bootcss.com/jquery/3.5.0/jquery.min.js"></script>
  27.     <script>
  28.         var box = $("#box")
  29.         box.animate({
  30.             left: 300
  31.         }, 1000)
  32.         box.animate({
  33.             top: 300
  34.         }, 1000)
  35.         box.animate({
  36.             left: 50
  37.         }, 1000)
  38.         box.animate({
  39.                 top: 50
  40.             }, 1000)
  41.             //stop(flase,flase):不请空动画队列，不立即跳到动画最后
  42.         $("#btn1").click(function() {
  43.                 box.stop(false, false)
  44.             })
  45.             // stop(true,true):请空动画队列，立即跳到动画最后
  46.         $("#btn2").click(function() {
  47.                 box.stop(true, true)
  48.             })
  49.             // stop(flase,true):不请空动画队列，立即跳到动画最后
  50.         $("#btn3").click(function() {
  51.                 box.stop(false, true)
  52.             })
  53.             // stop(true,flase):请空动画队列，不立即跳到动画最后
  54.         $("#btn4").click(function() {
  55.             box.stop(true, false)
  56.         })
  57.     </script>
  58. </body>
  60. </html>

jQuery-stop方法的更多相关文章

  1. Django配合使用Jquery post方法

    Django使用jQuery的post方法需要解决两个问题: 1.Django中为了防止跨站请求,在post提交时都会带上csrf_token,利用Jquery进行post请求也需要:否则就会出现40 ...

  2. jQuery on()方法

    jQuery on()方法是官方推荐的绑定事件的一个方法. $(selector).on(event,childSelector,data,function,map) 由此扩展开来的几个以前常见的方法 ...

  3. jquery ajax 方法及各参数详解

    1.$.ajax() 只有一个参数:参数 key/value 对象,包含各配置及回调函数信息. 参数列表: 参数名 类型 描述 url String (默认: 当前页地址) 发送请求的地址. type ...

  4. jquery.extend方法

    jquery.extend()用来扩展jquery中方法,实现插件. 1.jQuery.extend函数详细用法! 扩展jQuery静态方法. 1$.extend({ 2test:function() ...

  5. jQuery extend方法使用及实现

    一.jQuery extend方法介绍 jQuery的API手册中,extend方法挂载在jQuery和jQuery.fn两个不同对象上方法,但在jQuery内部代码实现的是相同的,只是功能却不太一样 ...

  6. 优化加载jQuery的方法

    请看下面的一段代码: <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js" ...

  7. C#实现jQuery的方法连缀

    jQuery的方法连缀使用起来非常方便,可以简化语句,让代码变得清晰简洁.那C#的类方法能不能也实现类似的功能呢?基于这样的疑惑,研究了一下jQuery的源代码,发现就是需要方法连缀的函数方法最后返回 ...

  8. jQuery原型方法each使用和源码分析

    jQuery.each方法是jQuery的核心工具方法之一,通用例遍方法,可用于例遍对象和数组.不同于例遍 jQuery 对象的 $().each() 方法,此方法可用于例遍任何对象.通常需要两个参数 ...

  9. jQuery.clean()方法源码分析（一）

    在jQuery 1.7.1中调用jQuery.clean()方法的地方有三处,第一次就是在我之前的随笔分析jQuery.buildFramgment()方法里面的,其实还是构造函数的一部分,在处理诸如 ...

  10. MVC中使用Ajax提交数据 Jquery Ajax方法传值到action

    Jquery Ajax方法传值到action <script type="text/javascript"> $(document).ready(function(){ ...

随机推荐

  1. 练习//编写函数norepeat(arr) 将数组的重复元素去掉，并返回新的数组

    function norepeat(n){         for(var i=0;i<arr.length;i++){             for(var j=i+1;j<arr.l ...

  2. A. A Twisty Movement dp

    https://codeforces.com/problemset/problem/933/A 这个是一个dp,但是我并没有看出来,然后也不太会写, 这种题一般应该要想到先预处理前缀和后缀,然后再进行 ...

  3. Linux查看redis占用内存的方法

    redis-cli auth 密码info # Memory used_memory:13490096 //数据占用了多少内存(字节) used_memory_human:12.87M //数据占用了 ...

  4. VM虚拟机手动配置IP地址

    1.查看虚拟机的网关 编辑-->虚拟网络编辑器 VMnet8 NAT模式-->NAT设置-->网关IP 2.设置IP地址 系统-->首选项-->网络连接 system e ...

  5. PHP导出excel文件，第二步先实现自写二维数组加入模板excel文件后导出

    今天主要研究数据加入EXCEL并导出的问题,先不从数据库提取数据导出,自己先写一个二维数组,然后遍历二维数组写入excel模板中导出,首先根据模板excel的内容书写对应的二维数组 $arr=arra ...

  6. [hdu5387 Clock]时钟夹角问题

    题意:给一个时刻,求时针.分钟.秒针三者之间的夹角 思路:确定参照点,求出三者的绝对夹角,然后用差来得到它们之间的夹角,钝角情况用360.减去就行了. #include <map> #in ...

  7. 新抽象语法树（AST）给 PHP7 带来的变化

    本文大部分内容参照 AST 的 RFC 文档而成:https://wiki.php.net/rfc/abstract_syntax_tree,为了易于理解从源文档中节选部分进行介绍. 我的官方群点击此 ...

  8. LiteAI四大技术"杀手锏"，解锁物联网智能设备AI开发难关

    你知道我们生活中常见的物联网智能设备融合AI技术后,会给我们带来什么样的智能交互体验?在我们指尖触碰的那一刹那背后隐藏的代码世界又是怎么样的呢? 今天就来和大家说说IoT智能设备轻松实现AI的奥秘! ...

  9. 08JAVA基础关键字(final、static)以及抽象类和接口

    一.关键字 1.final 修饰类 修饰变量 修饰成员方法 该类为最终类,不能被继承 该变量为常量 该成员方法不能被重写 2.static (1).生命周期 随着类的加载而加载 (2).特点 被本类所 ...

  10. select嵌套问题

    关于sql语句: SELECT COUNT(ID) FROM dbo.N_Order_BusinessBatch WHERE Mobile='15210235082' And CreateTime=( ...