[jQuery] .animate()

.animate() 는 애니메이션 효과를 만드는 메서드 이다.

home.jsp

 

 

 

 

문법

.animate( properties [, duration ] [, easing ] [, complete ] )

properties

애니메이션 효과를 줄 속성을 정합니다. 가능한 속성은 다음과 같습니다.

• backgroundPositionX
• backgroundPositionY
• borderBottomWidth
• borderLeftWidth
• borderRightWidth
• borderSpacing
• borderTopWidth
• borderWidth
• bottom
• fontSize
• height
• left
• letterSpacing
• lineHeight
• margin
• marginBottom
• marginLeft
• marginRight
• marginTop
• maxHeight
• maxWidth
• minHeight
• minWidth
• opacity
• outlineWidth
• padding
• paddingBottom
• paddingLeft
• paddingRight
• paddingTop
• right
• textIndent
• top
• width
• wordSpacing

duration

• 애니메이션 효과를 완료할 때까지 걸리는 시간입니다. 단위는 1/1000초, 기본값은 400입니다.
• fast나 slow로 정할 수 있습니다. fast는 200, slow는 600에 해당합니다.

easing

• 애니메이션 효과의 방식을 정합니다.
• swing과 linear이 가능하며, 기본값은 swing입니다.

complete

요소가 사라진 후 수행할 작업을 정합니다.

 

 

출처 : https://www.codingfactory.net/11820