jq stop

梦里梦外; 2021-07-24 18:22 355阅读 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 条评论，355人围观）

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

相关阅读

相关 keras-early stopping

* [文章1][1] * [early stop 和 ModelCheckPoint][early stop _ ModelCheckPoint] * [文章2...

r囧r小猫/ 2024年04月20日 08:03/ 0 赞/ 64 阅读

相关 Stop-The-World

一.概述： java对象内存申请过程： 1.JVM会试图为相关Java对象在Eden中初始化一块内存区域；当Eden空间足够时，内存申请结束。否则到下一步； 2.JVM

叁歲伎倆/ 2023年03月06日 03:53/ 0 赞/ 7 阅读

相关 stop slave卡住

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

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

相关 JQ——tooltip(jq-ui)

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

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

相关 JQ标签页(jq-ui)

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

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

相关 JQ——menu(jq-ui)

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

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

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

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

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

相关 jQ

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

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

相关 JQ

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

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

相关 jq stop

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

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