jq stop

梦里梦外; 2021-07-24 18:22 346阅读 0赞

停止动画
    	.stop(是否清除当前动画之前的所有动画(可选)，是否立即完成当前动画(可选))
    	
    	无参时，默认为.stop(false,false);  即一次只清除一次动画

代码示例：

<!DOCTYPE html>
    <html>
    <head lang="en">
        <meta charset="UTF-8">
        <title></title>
        <style>
            .box{ 
                height: 200px;
                width: 200px;
                background-color: orange;
                position: absolute;
                left: 10px;
                top: 30px;
            }
    
        </style>
    </head>
    <script src="js/jquery-3.4.1.js"></script>
    	<body>
    		<button>stop()</button>
    		<button>stop(false,false)</button>
    		<button>stop(true,false)</button>
    		<button>stop(true,true)</button>
    		<button>stop(false,true)</button>
    		<div class="box"></div>
    		<script>
    		
    		$(".box").animate({ 'left':800,'top':400},2000).animate({ 'left':10,'top':400},2000)
    		
    		$('button').eq(0).click(function(){ 
    				$(".box").stop();
    		})
    		$('button').eq(1).click(function(){ 
    				$(".box").stop(false,false);
    		})
    		$('button').eq(2).click(function(){ 
    				$(".box").stop(true,false);
    		})
    		$('button').eq(3).click(function(){ 
    				$(".box").stop(true,true);
    		})
    		$('button').eq(4).click(function(){ 
    				$(".box").stop(false,true);
    		})
    		
    		
    		</script>
    	</body>
    </html>

发表评论取消回复

表情：

评论列表（有 0 条评论，346人围观）

还没有评论，来说两句吧...

相关阅读

相关 sonarqube启动报错Process [web] is stopped Process [es] is stopped SonarQube is stopped mac系统

2020.03.27 09:18:21 INFO app\[\]\[o.s.a.AppFileSystem\] Cleaning or creating temp direc

Myth丶恋晨/ 2023年07月18日 11:30/ 0 赞/ 181 阅读

相关 Thread.stop()为何废弃

场景 Thread.stop()为何废弃被放弃的原因解释 stop方法抛除ThreadDeath,这个异常会在栈传播，导致所有监视器被释放，这导致不

待我称王封你为后i/ 2022年12月30日 01:28/ 0 赞/ 112 阅读

相关 stop slave卡住

在MySQL主从架构集群中，如果主库发生故障，需要立刻提升一个从库为新主库。在这个过程中，有一个操作是在从库上执行`stop slave`停止复制的操作，一般情况下，会非常顺利

雨点打透心脏的1/2处/ 2022年12月10日 14:49/ 0 赞/ 162 阅读

相关 JQ——tooltip(jq-ui)

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <ti

小灰灰/ 2022年06月04日 10:18/ 0 赞/ 214 阅读

相关 JQ标签页(jq-ui)

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <ti

浅浅的花香味﹌/ 2022年06月04日 10:17/ 0 赞/ 299 阅读

相关 JQ——menu(jq-ui)

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <ti

爱被打了一巴掌/ 2022年06月04日 10:14/ 0 赞/ 209 阅读

相关 JQ——日历(jq-ui)

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <ti

蔚落/ 2022年06月04日 10:12/ 0 赞/ 248 阅读

相关 jQ

`jQuery的基础语法` `$(selector).action()` 查找标签基本选择器　　id选择器：$("\id"); 　　标签选择器：$("

傷城~/ 2022年01月11日 04:27/ 0 赞/ 251 阅读

相关 JQ

jq引入 ![ContractedBlock.gif][] ![ExpandedBlockStart.gif][] <!DOCTYPE html> <h

布满荆棘的人生/ 2021年11月09日 10:02/ 0 赞/ 325 阅读

相关 jq stop

停止动画 .stop(是否清除当前动画之前的所有动画(可选)，是否立即完成当前动画(可选)) 无参时，默认为.stop(false,fa

梦里梦外;/ 2021年07月24日 18:22/ 0 赞/ 346 阅读