.fadeIn ([duration] [, complete])

설명 : 일치하는 요소를 불투명하게 페이드하여 표시합니다.

이 .fadeIn()메서드는 일치하는 요소의 불투명도를 애니메이션으로 나타냅니다. 이 .fadeTo()메서드 는 메서드 와 비슷 하지만 메서드에서 요소를 숨김 처리하지 않고 최종 불투명도 수준을 지정할 수 있습니다.

기간은 밀리 초 단위로 표시됩니다. 값이 높을수록 느린 애니메이션이 아니라 빠른 애니메이션이 표시됩니다. 문자열 'fast'및 'slow'은 각각 지속 시간 200및 600밀리 초 를 나타 내기 위해 제공 될 수 있습니다 . 다른 문자열이 제공되거나 duration매개 변수가 생략되면 기본 기간 인  400밀리 초가 사용됩니다.

간단한 이미지와 같은 요소를 애니메이트 할 수 있습니다.

<div id="clickme">

  Click here

</div>

<img id="book" src="book.png" alt="" width="100" height="123">

 

// With the element initially hidden, we can show it slowly:

$( "#clickme" ).click(function() {

  $( "#book" ).fadeIn( "slow", function() {

    // Animation complete

  });

});