.fadeOut ([duration] [, complete]) 정보
jQuery .fadeOut ([duration] [, complete])본문
.fadeOut ([duration] [, complete])
설명 : 일치하는 요소를 투명하게 페이드하여 숨 깁니다.
이 .fadeOut()메서드는 일치하는 요소의 불투명도를 애니메이션으로 나타냅니다. 불투명도가 0이되면 display스타일 속성이로 설정 none되므로 요소가 더 이상 페이지의 레이아웃에 영향을 미치지 않습니다.
기간은 밀리 초 단위로 표시됩니다. 값이 높을수록 느린 애니메이션이 아니라 빠른 애니메이션이 표시됩니다. 문자열 'fast'및 'slow'은 각각 지속 시간 200및 600밀리 초 를 나타 내기 위해 제공 될 수 있습니다 . 다른 문자열이 제공되거나 duration매개 변수가 생략되면 기본 기간 인 400밀리 초가 사용됩니다.
간단한 이미지와 같은 요소를 애니메이트 할 수 있습니다.
<div id="clickme">
Click here
</div>
<img id="book" src="book.png" alt="" width="100" height="123">
처음에 표시된 요소를 사용하여 천천히 숨길 수 있습니다.
$( "#clickme" ).click(function() {
$( "#book" ).fadeOut( "slow", function() {
// Animation complete.
});
});
추천
0
0
댓글 0개