페이드(fade) 효과

 

 

페이드(fade) 효과

제이쿼리에서 페이드(fade) 효과는 해당 요소의 CSS opacity 속성값을 빠르게 변경하여 표현합니다.

메소드	설명
.fadeIn(millisec|"slow"|"fast")	·       페이드 인(fade in) ·       선택한 요소의 CSS opacity 속성값을 줄여가며 요소를 나타나게 합니다. ·       인수로 밀리초에 해당하는 숫자나 "slow", "fast" 등의 예약어를 전달하여, 페이드 효과의 속도를 조절할 수도 있습니다.
.fadeOut(millisec|"slow"|"fast")	·       페이드 아웃(fade out) ·       선택한 요소의 CSS opacity 속성값을 높여가며 요소를 사라지게 합니다. ·       인수로 밀리초에 해당하는 숫자나 "slow", "fast" 등의 예약어를 전달하여, 페이드 효과의 속도를 조절할 수도 있습니다.
.fadeTo()	·       페이드 효과에서 사용하는 opacity 속성값을 직접 설정합니다.
.fadeToggle()	·       선택한 요소에 fadeIn() 메소드와 fadeOut() 메소드를 번갈아가며 적용합니다. ·       선택한 요소가 현재 사라진 상태라면 .fadeIn() 메소드의 동작을 수행하고, 나타나 있는 상태라면 .fadeOut() 메소드의 동작을 수행합니다.