Front-end/JavaScript
[JavaScript] jQuery 애니메이션 효과 animate
animate $('셀렉터').animate(속성, 시간, easing, 콜백함수) 'animate()' 함수는 CSS 속성의 값을 천천히 변경하여 부드럽게 움직이는 효과를 만듭니다.
Front-end
Front-end/JavaScript
[JavaScript] jQuery 애니메이션 옵션 (easing, 콜백함수)
애니메이션 옵션 $('셀렉터').애니메이션명령(시간, easing, 콜백함수) easing : 구간 가속을 설정하는 옵션 콜백함수 : 애니메이션이 끝난 후 수행할 명령 easing swing(기본값) : 애니메이션이 일정한 속도로 진행 linear : 애니메이션의 진행 속도가 점점 빨라짐 콜백함수 callbackBt클래스를 클릭하면 callbackOK클래스가 5초간 서서히 나타나는 애니메이션 fadeIn이 실행되고 애니메이션이 끝난 뒤 실행될 함수로 css 배경색이 변경된다. -- 콜백함수를 썼을 때와 안 썼을 때의 차이 콜백함수를 쓰면 fadeIn(서서히 나타나는 이벤트)이 완료된 후에 배경색이 바뀌지만, 콜백함수를 쓰지 않고 css를 넣으면 fadeIn 이벤트 동작을 시작할 때 함께 배경색이 바뀌게 ..
Front-end/JavaScript
[JavaScript] jQuery 애니메이션 종류, 사용하는 법
애니메이션 종류 애니메이션 사용하는 법 $('셀렉터').애니메이션명령(시간) 1초 = 1000 기본 시간값은 400 애니메이션이 실행되면 display가 block/none으로 변경됨
