jQuery stop()用法

最新推荐文章于 2023-05-13 16:20:20 发布
最新推荐文章于 2023-05-13 16:20:20 发布
阅读量463 收藏
点赞数
分类专栏： day04(jQuery)
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/YOUAFR/article/details/78345714
版权 
<style type="text/css">
			div{
				width: 100px;
				height: 100px;
				background: red;
			}
		</style>
	</head>
	<body>
		<input type="button" id="input" value="按钮" />
		<div></div>
	</body>
	<script src="js/jquery-1.12.4.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		$('div').on('mouseover',function(){
			$(this).animate({width:600,height:600},3000,function(){
				$(this).animate({width:100,height:100},3000,function(){
				});
			});
		});
		/*
		// 连续调用jQuery的方法但是只使用了一次选择器，这种方式叫做链式调用
		$('.box').animate({width:300,height:300}, 3000)
			.animate({width:50, height:50}, 3000);
		*/
		$('input').on('click',function(){
			// 效果等同于stop(false, false)
			//$('div').stop();
			
			//第一个false 会将第一个动画立刻停止 播放下一个动画
			//$('div').stop(false,false);
			
			//立刻执行完第一个动画 再执行后面的
			//$('div').stop(false,true);
			
			//后面的动画会停止(清空了后续动画) 不会执行
			//$('div').stop(true,false);
			
			//瞬间执行完第一个动画 没有后续的动画执行
			$('div').stop(true,true);
		});
	</script>

YOUAFR
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jQuery stop()用法实例详解
10-21
一直对stop的用法一知半解，今天抽点时间学习下jQuery stop()用法实例详解的相关知识，特此分享脚本之家平台，供大家参考
Jquery中stop()的用法
qq_36982349的博客
10-08 3845
stop() stop()：表示让运动的元素立即停止动画。 接收两个参数，都是布尔值，默认值都是false 第一个参数：是否清空当前动画队列。 第二个参数：是否立即完成当前动画。 ①stop(false，false)等价方式stop()表示立即进入下一个动画，立即停止当前动画。 ②stop(false，true)表示立即进入下一个动画，立即停止并完成当前动画。 ③stop(true，true)表示...
jquery stop()方法的讲解使用
习惯有你&的博客
12-23 2850
jQuery中stop()函数用于停止当前匹配元素上正在运行的动画。默认情况下，stop()函数只会停止当前正在运行的动画。如果你使用animate()函数为当前元素设置了A、B、C这3段动画，如果当前正在执行的动画是A，则只会停止动画A的执行，不会阻止动画B和C的执行。当然，你也可以通过指定可选的选项参数来停止所有的动画。 jQuery中stop()函数用于停止当前匹配元素上正在运行的动画。
jQuery stop() 方法
2301_78135412的博客
05-13 180
Query stop() 方法用于停止动画或效果，在它们完成之前。stop() 方法适用于所有 jQuery 效果函数，包括滑动、淡入淡出和自定义动画。$(selector).stop(可选的 stopAll 参数规定是否应该清除动画队列。默认是 false，即仅停止活动的动画，允许任何排入队列的动画向后执行。可选的 goToEnd 参数规定是否立即完成当前动画。默认是 false。因此，默认地，stop() 会清除在被选元素上指定的当前动画。
jQuery 之 .stop() 方法
weixin_30853329的博客
04-25 231
总结version 1.7版本前.stop([clearQueue][,jumpToEnd])clearQueue: 布尔值，默认是 false;此值处理是相关的动画队列是否移除，如果为 false 时，则停止当前的动画，后面的动画按队列进行。如果为 true,则全部移除动画jumpToEnd:布尔值，默认是 false,此值处理的是相关动画是立即完成还是按队列顺序完成，如果为 false,则按队...
jQuery中stop方法
Lambo
03-29 1072
1、stop()方法用于在动画或者效果完成前对他们进行停止，stop（）方法适用于所有jQuery效果函数，包括滑动，淡入淡出，自定义动画。核心代码如下图所示:$(document).ready(function(){ $(".mainContent").click(function(){ $(".panel").slideDown(5000); }); }); ...
JQuery动画animate的stop方法使用详解
10-25
主要介绍了JQuery动画animate的stop方法使用,需要的朋友可以参考下
理解jQuery stop()方法
10-25
本文目的：为了了解stop()的用法，举个例子，直观的方式看看。非常的简单实用，有需要的小伙伴参考下
详解jQuery停止动画——stop()方法的使用
10-20
本文主要对jQuery停止动画——stop()方法的使用进行详细介绍，对学习jQuery动画有很好的帮助，下面就跟小编一起来看下吧
jQuery动画stop()用法
超胆孤侠
10-19 624
第一种情况：jquery [clearQueue],[gotoEnd]Boolean,Boolean          v1.2 clearQueue:如果设置成true，则清空队列。可以立即结束动画。 gotoEnd:让当前正在执行的动画立即完成，并且重设show和hide的原始样式，调用回调函数等。 这种情况下，默认情况是stop(false,false),所以
jQuery 停止动画
ling811的专栏
12-16 672
jQuery stop() 方法 jQuery stop() 方法用于停止动画或效果，在它们完成之前。 stop() 方法适用于所有 jQuery 效果函数，包括滑动、淡入淡出和自定义动画。 语法 $(selector).stop(stopAll,goToEnd); 可选的 stopAll 参数规定是否应该清除动画队列。默认是 false，即仅停止活动的动画，允许任何排入队列的动画向后执
jquery 中 stop() 的用法
u014530286的专栏
07-09 1519
stop 是jQuery中用于控制页面动画效果的方法。运行之后立刻结束当前页面上的动画效果。 stop在新版jQuery中添加了2个参数： 第一个参数的意思是是否清空动画序列，也就是stop的是当前元素的动画效果还是停止后面附带的所有动画效果，一般为false，跳过当前动画效果，执行下一个动画效果； 第二个参数是是否将当前动画效果执行到最后，意思就是停止当前动画的时候动画效果刚刚执行了一般，
彻底搞懂jQuery.stop()函数
front_end_fan
09-04 3885
jQuery.stop() 函数详解 stop()函数用于停止当前匹配元素上正在运行的动画。 默认情况下，stop()函数只会停止当前正在运行的动画。如果你使用animate()函数为当前元素设置了A、B、C这3段动画，如果当前正在执行的动画是A，则只会停止动画A的执行，不会阻止动画B和C的执行。当然，你也可以通过指定可选的选项参数来停止所有的动画。 停止动画
jquery之stop方法的使用
line233的博客
12-03 649
stop方法： 用于停止当前正在执行的动画，该方法有两个参数：第一个参数是clearQueue的布尔值，第二个参数是jumpToEnd的布尔值。 clearQueue：是否清除动画队列，true为清除，false则不清除； jumpToEnd：是否跳转到当前动画的最终效果，true为跳转，false则停留在当前状态 栗子： &lt;body&gt; &lt;input type="b...
jQuery停止动画——stop()方法的使用
a17603952050的博客
05-06 2174
很多时候需要停止匹配元素正在进行的动画，比如，当鼠标选入元素时显示菜单，鼠标离开时隐藏下拉菜单，如果鼠标移入移出过快的话就会导致动画效果与鼠标的动作不一致的情况，此时stop()就派上用场了。 stop()方法的语法结构为： stop([clearQueue],[gotoEnd]); 参数clearQueue和gotoEnd都是可选参数，为Boolean值（true或false）。clearQue...
jquery之stop()的用法
weixin_30621711的博客
11-21 108
目的：为了 了解stop()的用法，举个例子，直观的方式看看。 实物：一个id="animater"的div包含了一段文字。(以下用animator表示实物) 动画最终的完整效果：animater向右移动800px（这个完整的过程是动画1），然后，字体逐渐变大（这个完整的过程是动画2），然后，透明度逐渐降低到0（这个完整的过程是动画3），然后透明度逐渐恢复到1（这个完整的过程是动画4），然后...
jquery的stop失效
最新发布
06-09
如果你在使用 jQuery 的 stop() 方法时发现它不起作用，可能有以下几个原因： 1. 在进行动画的时候，你可能没有将 stop() 方法放在动画之前。在调用动画之前，首先要停止之前的动画，否则 stop() 方法无法生效。 2. 如果你在调用 stop() 方法时没有提供参数，它只会停止当前动画，而不是所有排队中的动画。因此，如果有多个动画排队，你需要使用 stop(true) 方法来停止所有排队中的动画。 3. 如果你正在使用 jQuery 版本 1.7 及更高版本，则需要指定动画队列名称，以便 stop() 方法可以正确地停止该队列中的动画。例如，如果你正在使用名为“myQueue”的自定义队列，请使用 stop('myQueue') 来停止该队列中的动画。 希望这些解决方案能够帮助你解决问题。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值