[자기계발]/유튜브로 코딩배우기
2021. 7. 7.
[생활코딩] jQuery 동적인 애니메이션 효과 알아보기
이번 편에서는 jQeury 애니메이션 효과를 이용하여 웹페이지를 보다 동적으로 보여주는 기법에 대해 알아볼 것이다. 효과란? JavaScript와 CSS를 이용해서 HTML element에 동적인 효과를 줄 수 있다. jQuery의 효과 method를 호출하는 것만으로 간단히 효과를 줄 수 있다. 1) fadeout, fadein, hide, show, slidedown, slideup, mix 예제 target e.target 은 event가 발생한 element를 받아낸다. 이것을 wrapper $로 감싸서 this에다가 저장한다. →fadeout을 클릭하면 이 element에 대한 object값을 전달 한다 그 뒤에는 swtich 문이 나온다. $this.attr('id)가 나오는데 주어진 elem..