JQuery 애니메이션 animate_jquery의 중지 메소드 사용에 대한 자세한 설명

animate 구문:

코드 복사 코드는 다음과 같습니다.

$(selector).animate (스타일, 속도, 여유, 콜백)

코드 복사 코드는 다음과 같습니다.

/title>

<스타일>
.wrap {
높이: 300px;
테두리: 5px
}
div {
위치: 절대;
높이: 50px;
배경: #FA0>< ;/style>

<script> <br>함수 moveX(){ <br>$ ('.wrap div') .animate({'left':'250px'},1000).animate({'left':'0px'},1000) <br>} moveX(); 🎜>$('#btn1 ').click(function(){ <br>$('.wrap div').stop(); // 현재 애니메이션을 중지하고 도중에 시작점으로 돌아갑니다. 반품 과정에서 다시 클릭하면 도중에 일시 중지됩니다. <br>clearInterval(); <br>}) <br><br>$('#btn2').click(function(){ <br>$( '.wrap div').stop(true); // 모두 중지 애니메이션 도중 중지를 클릭하면 종료 지점에 바로 도달합니다. 반환 과정에서 다시 클릭하면 도중에 일시 중지됩니다. <br>}) <br><br>$('#btn3').click(function(){ <br>$('.wrap div').stop(true,true); // 모든 애니메이션을 중지합니다. 도중에 중지를 클릭하면 돌아오는 과정에서 다시 클릭하면 시작점에서 정지됩니다 <br> }) <br><br>// .stop() // 현재 애니메이션을 정지합니다 <br>// .stop(true) // 모든 애니메이션 중지 <br>// .stop(true,true) // 모든 애니메이션 중지, 애니메이션 끝 <br></script> /body>



.stop(); // 진행 중인 애니메이션을 도중에 중지합니다. 복귀 과정에서 다시 클릭하면 시작점으로 돌아갑니다. 도중에 일시정지됩니다.

.stop(true); // 이동 ​​중 정지를 클릭하면 모든 애니메이션이 정지되며, 복귀 과정에서 다시 클릭하면 바로 종료됩니다. 도중에 일시 정지됩니다.

.stop(true,true); // 이동 ​​중에 정지를 클릭하면 바로 종료 지점에 도달합니다. 출발점.

성명：

본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.