<script> { <br>$.easing.def="easeInQuad";//기본 효과 설정<br>var callback=function (){ <br>alert("ok") <br>} <br>$(" #t1") .animate({ <br>"top":600 <br>},{기간: 3000, <br>easing:"easeInQuad",//생략 가능<br>완료: 콜백}) <br>}) <br></script>
easing을 사용한 후에는 JQ의 원래 방법을 사용할 수 없습니다. JQ에서 시간을 대체하는 객체는 다음과 같습니다.
{duration: 3000, easing: "easeInQuad",complete: callback}
원래 JQ의 콜백 함수가 Complete로 대체됩니다.
easing이 사용되지 않는 경우, 즉 시간 매개변수가 대체되지 않습니다. 위 객체에 의해 원래의 기능이 유지됩니다
즉, EASING을 로드한 후에도 계속 사용할 수 있습니다.
<script> <br>var callback= function (){ <br>alert("ok") <br>$("#t1").hide(3000,callback) <br></script>
특정 매개변수 세부정보:
기간 옵션:
밀리초
완료 옵션:
완료 후 호출
easing 옵션:
jswing
def
easeInQuad
easyOutQuad
easeInOutQuad
easeInCubic
easeOutCubic
easeInOutCubic
easeInQuart
easeOutQuart
easeInOutQuart
easeInQuint
easeOutQuint
easeInOutQuint
easeInSine
easeOutSine
easeInOutSine
easeInExpo
easeOutExpo
easeInOutExpo
easeInCirc
easeOutCirc
easeInOutCirc
easeInElastic
easeOutElastic
easeInOutElastic
easeInBack
ease OutBack
easeInOutBack
easeInBounce
easeOutBounce
easeInOutBounce
공식 홈페이지
http://gsgd.co.uk/sandbox/jquery/easing/