jQuery 효과 - 슬라이딩
jQuery 슬라이드 메서드는 요소를 위아래로 슬라이드합니다.
패널을 위/아래로 슬라이드하려면 클릭하세요.
시간은 소중하기 때문에 빠르고 쉬운 학습을 제공합니다.
W3Schools에서는 배우기 위해 필요한 모든 것을 접근 가능하고 편리한 형식으로 공부할 수 있습니다.
예
jQuery slideDown() 메서드를 보여줍니다.
jQuery slideUp() 메서드를 보여줍니다.
jQuery slideToggle() 메서드를 보여줍니다.
jQuery 슬라이딩 방법
jQuery를 사용하면 요소에 슬라이딩 효과를 만들 수 있습니다.
jQuery에는 다음과 같은 슬라이드 메서드가 있습니다.
slideDown()slideUp()slideToggle()
jQuery SlideDown() 메서드
jQuery slideDown()메서드는 요소를 아래로 슬라이드하는 데 사용됩니다.
통사론:
$(selector).slideDown(speed,callback);
선택적 속도 매개변수는 효과의 지속 시간을 지정합니다. "slow", "fast" 또는 밀리초 값을 사용할 수 있습니다.
선택적 콜백 매개변수는 슬라이딩이 완료된 후 실행할 함수입니다.
다음 예제에서는 slideDown()방법을 보여줍니다.
예시
$("#flip").click(function(){
$("#panel").slideDown();
});
jQuery 슬라이드업() 메서드
jQuery slideUp()메서드는 요소를 위로 슬라이드하는 데 사용됩니다.
통사론:
$(selector).slideUp(speed,callback);
선택적 속도 매개변수는 효과의 지속 시간을 지정합니다. "slow", "fast" 또는 밀리초 값을 사용할 수 있습니다.
선택적 콜백 매개변수는 슬라이딩이 완료된 후 실행할 함수입니다.
다음 예제에서는 slideUp()방법을 보여줍니다.
예시
$("#flip").click(function(){
$("#panel").slideUp();
});
jQuery SlideToggle() 메서드
jQuery 메소드는 및 메소드 slideToggle()사이를 토글
합니다.slideDown()slideUp()
요소가 아래로 슬라이드된 경우 에서 slideToggle()위로 슬라이드합니다.
요소가 위로 슬라이드된 slideToggle()경우 아래로 슬라이드합니다.
$(selector).slideToggle(speed,callback);
선택적 속도 매개변수는 "slow", "fast", 밀리초 값을 사용할 수 있습니다.
선택적 콜백 매개변수는 슬라이딩이 완료된 후 실행할 함수입니다.
다음 예제에서는 slideToggle()방법을 보여줍니다.
예시
$("#flip").click(function(){
$("#panel").slideToggle();
});
jQuery 연습
jQuery 효과 참조
모든 jQuery 효과에 대한 전체 개요를 보려면 jQuery 효과 참조 로 이동하십시오 .