Latest web development tutorials

jQuery를 효과 - 슬라이드

jQuery를 슬라이드 요소법 상하 슬라이드있다.

숨기려면 여기를 클릭 / 디스플레이 패널

시간은 돈이다, 그래서 우리는 당신을위한 학습 콘텐츠를 이해하기 빠르고 쉽게 제공합니다.

여기에서, 당신은 당신이 필요로하는 지식을 얻을 수있는 편리한 모드를 통해 이해할 수있다.

예

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);

선택적 속도 파라미터는 효과의 지속 기간을 지정한다. 그것은 다음과 같은 값을 취할 수있다 : "느린", "빨리", 또는 밀리 초.

선택적 콜백 파라미터 슬라이드의 완료 후에 실행 된 함수의 이름이다.

다음의 예는 slideDown () 메서드를 보여줍니다

예

$("#flip").click(function(){
$("#panel").slideDown();
});

»시도

jQuery를 slideUp () 메소드

jQuery를 slideUp () 메소드는 요소를 슬라이드하는 데 사용됩니다.

구문 :

$(selector).slideUp(speed,callback);

선택적 속도 파라미터는 효과의 지속 기간을 지정한다. 그것은 다음과 같은 값을 취할 수있다 : "느린", "빨리", 또는 밀리 초.

선택적 콜백 파라미터 슬라이드의 완료 후에 실행 된 함수의 이름이다.

다음의 예는 slideUp () 메서드를 보여줍니다

예

$("#flip").click(function(){
$("#panel").slideUp();
});

»시도

slideToggle jQuery를 () 메소드

jQuery를 slideToggle () 메소드가 slideDown ()과 slideUp () 메소드 사이에 전환 할 수 있습니다.

하향 요소를 슬라이딩하면 slideToggle ()는 그들을 밀어 수 있습니다.

당신이 요소 slideToggle을 밀어 경우 ()을 아래로 슬라이드 수 있습니다.

$(selector).slideToggle(speed,callback);

선택적 속도 파라미터는 효과의 지속 기간을 지정한다. 그것은 다음과 같은 값을 취할 수있다 : "느린", "빨리", 또는 밀리 초.

선택적 콜백 파라미터 슬라이드의 완료 후에 실행 된 함수의 이름이다.

다음의 예는 slideToggle () 메서드를 보여줍니다

예

$("#flip").click(function(){
$("#panel").slideToggle();
});

»시도