JQuery -animate

애니메이션

$(셀렉터).명령어("속도", 콜백함수);

애니메이션이 속도에 맞춰서 실행이 된 다음에

그후에 할일이있다면 콜백함수를 넣어 실행시킨다.

*show() / hide() 

display 속성을 가지고있는데,

show()는 기존에 가지고있던 width , height값이 증가

hide()는 width , height 가 0값으로 맞춰진 속도로 줄어듬

두개를 합쳐논 속성이 toggle()

*fadeIn() / fadeOut()

투명도 조절

fadeIn() 투명도가 1이 되면서 요소를 나타나게 한다 ---> display가 원래값으로 돌아간다.

fadeOut() 투명도가 0이되면서 요소를 투명하게 한다 ---> display가 none이된다.

fadeTo() 내가 지정한 수치로 투명도 지정

0~1사이로 소수점 0.1단위로 바뀐다.

animate() :: 독자적인 애니메이션 효과 작성

$(셀렉터).animate(값을 변경하고싶은 css속성 : 값, 속도, 움직임, 콜백함수);

속성은 수식(px, em, %)로 입력할수있는것만 가능

움직임 : swing(점점 빠르게) , linear(일정한 속도)