jQuery 애니메이션 중지
- 이전 페이지 jQuery 애니메이션
- 다음 페이지 jQuery 콜백
jQuery stop() 메서드는 애니메이션 또는 효과가 완료되기 전에 그들을 중지합니다.
효과 시연
여기를 클릭하여 패널을 위로/아래로 슬라이딩하세요
시간은 금보다 귀중합니다. 따라서, 우리는 빠르고 이해하기 쉬운 학습 내용을 제공합니다.
여기서는 이해하기 쉬운 편리한 모드를 통해 필요한 모든 지식을 얻을 수 있습니다.
예제
- jQuery stop() 슬라이딩
- jQuery stop() 메서드를 보여줍니다.
- jQuery stop() 애니메이션(매개변수 포함)
- jQuery stop() 메서드를 보여줍니다.
jQuery stop() 메서드
jQuery stop() 메서드는 애니메이션 또는 효과가 완료되기 전에 그들을 중지합니다.
stop() 메서드는 모든 jQuery 효과 함수에 적용됩니다. 이는 슬라이딩, 애니메이션, 커스텀 애니메이션을 포함합니다.
문법
$(선택자).stop(stopAll,goToEnd);
선택 사항 stopAll 매개변수는 애니메이션 큐를 지우는지 여부를 정의합니다. 기본 값은 false로, 활성 애니메이션만 중지하고 큐에 있는 애니메이션은 계속 진행합니다.
선택 사항 goToEnd 매개변수는 현재 애니메이션을 즉시 완료할지 여부를 정의합니다. 기본 값은 false입니다.
따라서, 기본적으로 stop()는 선택된 요소에 지정된 현재 애니메이션을 제거합니다.
아래의 예제는 stop() 메서드를 매개변수 없이 보여줍니다:
예제
$("#stop").click(function(){
$("#panel").stop();
});
jQuery 효과 참조 매뉴얼
jQuery 효과를 전체적으로 확인하려면, 우리의 jQuery 효과 참조 매뉴얼。
- 이전 페이지 jQuery 애니메이션
- 다음 페이지 jQuery 콜백
