[jQuery] 4. 앨리먼트를 페이드 아웃, 인을 해보쟈. (fadeIn, fadeOut) 강의이야기 | Posted on 2012. 2. 5. 16:47
해당 강의의 저작권은 Pure Ani's Blog의 주인장 Pure Ani에게 있습니다.
이번에는 글자를 페이드 아웃시킨후에 페이드 인을 해보겠습니다.
페이드 아웃은 fadeOut(옵션)이고, 페이드 인은 fadeIn(옵션) 입니다.
옵션은 hide, show와 마찬가지로 "slow", "nomal", "fast", ms(1초가 1000)가 있습니다.
이번도 <div id="abc">abc</div> 를 가지고 테스트 합니다.
$("#abc").fadeOut("slow").fadeIn("slow");
위의 예제를 실행해보면 글자가 페이드 아웃 되었다가 페이드 인이 되는걸 보실 수 있습니다.
출처 : Pure Ani's Blog
이번에는 글자를 페이드 아웃시킨후에 페이드 인을 해보겠습니다.
페이드 아웃은 fadeOut(옵션)이고, 페이드 인은 fadeIn(옵션) 입니다.
옵션은 hide, show와 마찬가지로 "slow", "nomal", "fast", ms(1초가 1000)가 있습니다.
이번도 <div id="abc">abc</div> 를 가지고 테스트 합니다.
$("#abc").fadeOut("slow").fadeIn("slow");
위의 예제를 실행해보면 글자가 페이드 아웃 되었다가 페이드 인이 되는걸 보실 수 있습니다.
출처 : Pure Ani's Blog