jQuery를 효과 - 페이드
jQuery를하면 요소가 영향을 페이드 아웃 구현할 수 있습니다.
디스플레이 페이드 인 / 아웃 패널을 클릭합니다
시간이 소중하기 때문에, 우리가 배울 수있는 빠르고 편리한 방법을 제공합니다.
이 자습서에서는 필요한 지식을 배울 수 있습니다.
예
jQuery를 fadeIn ()
데모 jQuery를 fadeIn () 메소드.
jQuery를 페이드 아웃 ()
데모 jQuery를 페이드 아웃 () 메소드.
jQuery를 fadeToggle ()
데모 jQuery를 fadeToggle () 메소드.
jQuery를 fadeTo ()
데모 jQuery를 fadeTo () 메소드.
jQuery를 페이딩 방법
jQuery를하면 요소가 영향을 페이드 아웃 구현할 수 있습니다.
jQuery를 네 페이드 다음과 같은 방법이 있습니다 :
- fadeIn ()
- 페이드 아웃 ()
- fadeToggle ()
- fadeTo ()
jQuery를 fadeIn () 메소드
jQuery를 fadeIn ()가 숨겨진 요소에 퇴색하는 데 사용됩니다.
구문 :
선택적 속도 파라미터는 효과의 지속 기간을 지정한다. 그것은 다음과 같은 값을 취할 수있다 : "느린", "빨리", 또는 밀리 초. .
선택적 콜백 파라미터는 페이딩 완료된 후에 실행 된 함수의 이름이다.
다음의 예는 다른 매개 변수 fadeIn () 메소드로 보여줍니다
예
$("#div1").fadeIn();
$("#div2").fadeIn("slow");
$("#div3").fadeIn(3000);
});
»시도
jQuery를 페이드 아웃 () 메소드
jQuery를 페이드 아웃 () 메소드가 보이는 요소를 페이드하는 데 사용됩니다.
구문 :
선택적 속도 파라미터는 효과의 지속 기간을 지정한다. 그것은 다음과 같은 값을 취할 수있다 : "느린", "빨리", 또는 밀리 초.
선택적 콜백 파라미터는 페이딩 완료된 후에 실행 된 함수의 이름이다.
다음의 예는 다른 매개 변수를 페이드 아웃 () 메소드로 보여줍니다
예
$("#div1").fadeOut();
$("#div2").fadeOut("slow");
$("#div3").fadeOut(3000);
});
»시도
jQuery를 fadeToggle () 메소드
jQuery를 fadeToggle () 메소드가 fadeIn ()과 페이드 아웃 () 메소드 사이에 전환 할 수 있습니다.
요소가 남아 경우, fadeToggle ()는 요소에 페이드 효과를 추가합니다.
요소는 요소 페이드 아웃 효과를 추가하는 페이드의 fadeToggle는 () 인 경우.
구문 :
선택적 속도 파라미터는 효과의 지속 기간을 지정한다. 그것은 다음과 같은 값을 취할 수있다 : "느린", "빨리", 또는 밀리 초.
선택적 콜백 파라미터는 페이딩 완료된 후에 실행 된 함수의 이름이다.
다음의 예는 다른 매개 변수 fadeToggle () 메소드로 보여줍니다
예
$("#div1").fadeToggle();
$("#div2").fadeToggle("slow");
$("#div3").fadeToggle(3000);
});
»시도
jQuery를 fadeTo () 메소드
jQuery를 fadeTo () 메소드는 주어진 그라데이션 투명도 (0과 1 사이의 값)을 허용한다.
구문 :
시간의 길이를 필요한 속도 매개 변수가 영향을 지정했습니다. 그것은 다음과 같은 값을 취할 수있다 : "느린", "빨리", 또는 밀리 초.
불투명도 fadeTo () 지정된 불투명도에 영향을 사라질 것이다 필요한 방법 (0 사이의 값 1) 매개 변수.
선택적 콜백 매개 변수는 수행되는 기능의 완료 후의 함수의 이름이다.
다음의 예는 다른 매개 변수 () 메소드 fadeTo을 보여줍니다
예
$("#div1").fadeTo("slow",0.15);
$("#div2").fadeTo("slow",0.4);
$("#div3").fadeTo("slow",0.7);
});
»시도