一. 在使用animate()的时候 前面需要加上.stop()来防止移进移出的山东问题。

二.

   

1.定义： stop() 方法为被选元素停止当前正在运行的动画。

2.语法：  $(selector).stop(stopAll,goToEnd)

           参数：

                   stopAll     : 可选。规定是否停止被选元素的所有加入队列的动画。默认是 false。

                   goToEnd  : 可选。 规定是否立即完成当前的动画。 默认是false。 该参数只有 在设置了stopAll参数时才能使用。

第一个参数的意思是 是否清空动画序列， 也就是停止的是当前元素的动画效果还是后面附带的所有动画的效果，一般为false,跳过当前的动画效果，执行下一个动画效果。

第二个参数的意思是 是否将当前的动画进行到最后，意思就是 停止当前动画的时候动画效果刚好执行了一半，这个时候想要的是动画执行之后的效果，那么这个参数就为true。否则动画效果就会停在stop执行的时候。

    
 <!DOCTYPE html>

 <html>

     <head>

         <meta charset='utf-8'>

         <title>stop的用法案例</title>

         <style type="text/css">

             #animater{

                 width: 150px;

                 background:activeborder;

                 border: 1px solid black;

                 /*为了移动，需设置此属性*/

                 position: relative;

             }

         </style>

         <script type="text/javascript" src='/style/js/jquery-1.10.2.min.js'></script>

         <script type="text/javascript">

             $(function(){

                 $("#start").click(function(){

                     $("#box").animate({height:},"slow");

                     $("#box").animate({width:},"slow");

                     $("#box").animate({height:},"slow");

                     $("#box").animate({width:},"slow");

                 });

                 //           点击不同的button执行不同的操作

                 $('#button1').click(function(){

                     //默认参数是false，不管写一个false还是两个false还是没写false效果一样

                     $('#box').stop();

                 });

                 $('#button2').click(function(){

                     //第二个参数默认false

                     $('#box').stop(true);

                 });

                 $('#button3').click(function(){

                     $('#box').stop(false,true);

                 });

                 $('#button4').click(function(){

                     $('#box').stop(true,true);

                 });

             })

         </script>

     </head>

     <body>

         <p><input type='button' value='开始测试' id='start'></p>

         <div id="button">

             <input type="button" id="button1" value="stop()"/>

             <input type="button" id="button2" value="stop(true)"/>

             <input type="button" id="button3" value="stop(false,true)"/>

             <input type="button" id="button4" value="stop(true,true)"/>

         </div>

         <div id="box" style="background:#98bf21;height:100px;width:100px;position:relative">stop运动参数测试</div>

     </body>

 </html>

随机推荐

  1. Socket Receive 避免 Blocking

    我们知道 Socket Blocking 属性默认true . 表明Socket 处于同步调用 , Connect , 或 Send , Receive 需等待动作 完成才能继续执行. 有一种应用场景 ...

  2. Android中日期函数Calendar的一些用法和注意事项

    1.月份获取时加1 Canlendar.MONTH + 1 因为使用的是罗马历,Calendar.MONTH返回的数值不是一年中月份的值,而是当前月份距离第一个月份的差值 如:当前月份为9月份,距离1 ...

  3. Lombok简化Java代码

    导包:import lombok.Data; Lombok简化Java代码: 在Lombok中,生成构造方法的annotation一共有三个:@NoArgsConstructor, @Required ...

  4. 【转】Memcached安装

    解析:Memcached是什么? Memcached是由Danga Interactive开发的,高性能的,分布式的内存对象缓存系统,用于在动态应用中减少数据库负载,提升访问速度. 一.软件版本    ...

  5. oracle 归档日志

    归档日志(Archive Log)是非活动的重做日志备份.通过使用归档日志,可以保留所有重做历史记录,当数据库处于ARCHIVELOG模式并进行日志切换式,后台进程ARCH会将重做日志的内容保存到归档 ...

  6. [DNS][转]EDNS

    随着业务的复杂化和多样化,RFC1035中定义的DNS消息格式和它支持的消息内容已经不足以满足一些DNS服务器的需求,于是,RFC2671 中提出了一种扩展DNS机制EDNS(Extension Me ...

  7. HBase查找一条数据的过程

    HBase中的Client如何路由到正确的RegionServer 在HBase中,大部分的操作都是在RegionServer完成的,Client端想要插入,删除,查询数据都需要先找到相应的 Regi ...

  8. Spark源码学习1.7——Master.scala

    master第一步是加载系统定义的环境变量,如worker的超时时间.系统保留的Application数目等:第二步,加载worker的信 息,地址.id等:第三步,加载Application的信息, ...

  9. Android环境虚拟WINDOWS系统

    参考文档:http://bbs.anzhi.com/thread-5120526-1-1.html 我们知道安卓手机是arm平台,windows是x86平台,指令集完全不同,但在这里要教给大家的是靠软 ...

  10. Linux下查看tomcat连接数 .

    netstat -na | grep ESTAB | grep 80 | wc -l 80是端口号