Jquery中stop()的用法

stop()
stop()：表示让运动的元素立即停止动画。
接收两个参数，都是布尔值，默认值都是false
第一个参数：是否清空当前动画队列。
第二个参数：是否立即完成当前动画。
①stop(false，false)等价方式stop()表示立即进入下一个动画，立即停止当前动画。
②stop(false，true)表示立即进入下一个动画，立即停止并完成当前动画。
③stop(true，true)表示清空当前动画队列，立即停止并完成当前动画。
④stop(true，false)等价方式stop(true)表示清空当前动画队列，立即停止当前动画。

举例：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Document</title><style type="text/css">* {margin: 0;padding: 0;}#box {position: absolute;width: 100px;height: 100px;left: 50px;top: 50px;background-color: pink;}</style>
</head>
<body><button id="btn1">stop(false, false)</button><button id="btn2">stop(false, true)</button><button id="btn3">stop(true, true)</button><button id="btn4">stop(true, false)</button><div id="box"></div><script type="text/javascript" src="js/jquery-1.12.3.min.js"></script><script type="text/javascript">$("#box").animate({"left": 500}, 2000);$("#box").animate({"top": 500}, 2000);$("#box").animate({"left": 50}, 2000);$("#box").animate({"top": 50}, 2000);// stop(false, false)$("#btn1").click(function() {$("#box").stop();})// stop(false, true)$("#btn2").click(function() {$("#box").stop(false, true);})// stop(true, true)$("#btn3").click(function() {$("#box").stop(true, true);})// stop(true, false)$("#btn4").click(function() {$("#box").stop(true);})</script>
</body>
</html>

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 中 stop() 的用法
stop 是jQuery中用于控制页面动画效果的方法.运行之后立刻结束当前页面上的动画效果. stop在新版jQuery中添加了2个参数: 第一个参数的意思是是否清空动画序列,也就是stop的是当前元 ...
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()的用法相关推荐

最新文章

热门文章