본문으로 바로가기

jQuery - fadeIn()

category 웹코딩/JavaScript & jQuery 2016. 9. 5. 15:12

아이콘, 이미지, 문자열 등이 나타나고 사라지도록 할 때 흔히 css이 display 속성을 none ↔ block 으로 변경하여 처리를 한다.

이 때 강조의 목적으로 애니메이션 효과를 주고자 fadeIn(), fadeOut() 함수를 사용한다.


그런데 fadeIn() 함수는 동작이 완료된 후, 해당 객체의 display 속성을 inline 으로 변경해 버린다.

block 또는 inline-block 이 되었어야 한다면 디자인 문제가 발생한다.

$(this).fadeIn().css("display", "inline-block");

이렇게 하면 애니메이션이 끝난 후 자연스럽게 inline-block 이 되도록 할 수 있다.



'웹코딩 > JavaScript & jQuery' 카테고리의 다른 글

jQuery - fadeIn()  (0) 2016.09.05
핸드폰번호/전화번호 유효성 검사, 자동 하이픈(대시)  (0) 2015.08.04
javascript 문자열 자르기 - split  (0) 2015.08.03
HTML 특수문자 코드표  (0) 2015.07.01
javascript keycode 정리  (0) 2015.07.01
JQuery / Selector  (0) 2015.05.18

댓글을 달아 주세요