코딩/jQuery
jQuery fadeIn, fadeOut, fadeToggle
fadeIn은 서서히 나타나는 기능을, fadeOut은 서서히 사라지는 기능을, fadeToggle은 두가지의 기능을 동시에 합니다. 사진을 예시로 하겠습니다. 사라지기(fadeOut) 나타나기(fadeIn) fadeToggle() jquery라는 사진을 이용하여 fadeIn, fadeOut, fadeToggle을 실행해보겠습니다. 아무것도 실행하지 않을 때. ↓실행결과(fadeOut)↓ border만이 남아있고 사진은 사라지게 됩니다. elememt창을 보면, display가 none으로 되어있는 걸 확인할 수 있습니다. ↓실행결과(fadeIn)↓ 다시 사진이 서서히 윤곽을 드러내며 완전한 사진으로 다시 생깁니다. ↓실행결과(fadeToggle 한 번 눌렀을 때)↓ fadeOut과 같이 사진이 사라진 ..
2020. 7. 1. 23:03
최근댓글