최신 웹 개발 튜토리얼
 

jQuery효과 - 슬라이딩

❮ 이전 다음 장 ❯

JQuery와 슬라이드 방법은 위아래 요소를 밀어 넣습니다.

/ 최대 패널 아래로 슬라이드를 클릭하십시오

시간이 가치가 있기 때문에, 우리는 쉽고 빠르게 학습을 제공합니다.

w3ii에서, 당신은 접근하고 편리한 형식으로 당신이 배울 필요가 모든 것을 공부할 수 있습니다.

예

jQuery slideDown()
JQuery와 보여 slideDown() 메소드를.

jQuery slideUp()
JQuery와 보여줍니다 slideUp() 메소드를.

jQuery slideToggle()
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를 slideUp() 메소드

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();
});
»그것을 자신을 시도

연습으로 자신을 테스트!

연습 1» 운동 2» 운동 3» 운동 4»

jQuery를 효과 참조

모든 jQuery를 효과의 전체 개요는, 우리로 이동하시기 바랍니다 jQuery를 효과 참조 .


❮ 이전 다음 장 ❯