jquery 中 stop() 的用法

stop 是jQuery中用于控制页面动画效果的方法。运行之后立刻结束当前页面上的动画效果。
stop在新版jQuery中添加了2个参数：
第一个参数的意思是是否清空动画序列，也就是stop的是当前元素的动画效果还是停止后面附带的所有动画效果，一般为false，跳过当前动画效果，执行下一个动画效果；
第二个参数是是否将当前动画效果执行到最后，意思就是停止当前动画的时候动画效果刚刚执行了一般，这个时候想要的是动画执行之后的效果，那么这个参数就为true。否则动画效果就会停在stop执行的时候

HTML 代码

<div id="animater">stop()方法测试</div><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>

CSS 代码

#animater{width: 150px;background:activeborder;border: 1px solid black;/*为了移动，需设置此属性*/position: relative;}

jquery 代码

//            为了看效果，随意写的动画$('#animater').animate({'right':-800}, 3000).animate({'font-size':'16px'},'normal').animate({'font-size':'26px'},'normal').animate({'font-size':'36px'},'normal').animate({'font-size':'46px'},'normal').animate({'font-size':'56px'},'normal').animate({'opacity':0},'normal').animate({'opacity':1},'normal').animate({'left':200,'font-size':'16px'},'normal');//           点击不同的button执行不同的操作$('#button1').click(function(){//默认参数是false，不管写一个false还是两个false还是没写false效果一样$('#animater').stop();});$('#button2').click(function(){//第二个参数默认false$('#animater').stop(true);});$('#button3').click(function(){$('#animater').stop(false,true);});$('#button4').click(function(){$('#animater').stop(true,true);});

jquery 中 stop() 的用法相关推荐

jQuery中slice()方法用法实例
本文实例讲述了jQuery中slice()方法用法.分享给大家供大家参考.具体分析如下: 此方法可以选取匹配元素集的子集. 语法结构: 复制代码代码如下: $(selector).slice(sta ...
jQuery中extend的用法
jQuery中extend的用法前言一.Jquery的扩展方法原型是: 二.省略dest参数 1.$.extend(src) 2.$.fn.extend(src) 三.Jquery的extend方 ...
jQuery中each的用法之退出循环和结束本次循环
$.each(array, function(k, v) {}); jQuery中each类似于javascript的for循环 ,但不同于for循环的是在each里面不能使用break结束循环,也不 ...
jQuery中index的用法
jQuery中index是用来查找匹配的元素并且返回索引值从0开始 html代码 <ul> <div></div><li></li>< ...
jQuery中each的用法
jquery 中each不可以使用break结束循环,也不能使用continue来结束本次循环 break 用return false continue 用return ...
jQuery中$.fn的用法
在jQuery插件中,常常看见这样的结构,开始自己也是不理解后来通过查阅资料,慢慢的理解其中的大意,所以先总结出来. (function( $, window, document, undefined ...
jquery中的switch用法及注意问题
在需要用到jquery的switch方法时,半天没调试出来.按理说是和php的switch方法差不多才对啊,后面才发现switch的条件必须和每个case表达式严格比较. 一.用法: //先获取选项框 ...
jQuery中$.fn的用法示例介绍
$.fn是指jquery的命名空间,加上fn上的方法及属性,会对jquery实例每一个有效,下面有个不错的示例,喜欢的朋友可以参考下 $.fn是指jquery的命名空间,加上fn上的方法及属性,会对j ...
JQuery中toggle的用法
用法: 循环点击事件第一次调用第一个函数第二次点击调用第二个函数代码示例: 第一次点击任意一个div触发函数,再次点击触发第二个函数 $(function () {$("#div,# ...

jquery 中 stop() 的用法

jquery 中 stop() 的用法相关推荐

最新文章

热门文章