>웹 프론트엔드 >JS 튜토리얼 >use_jquery를 완화하는 jquery 플러그인

use_jquery를 완화하는 jquery 플러그인

WBOY
WBOY원래의
2016-05-16 18:21:031138검색
코드 복사 코드는 다음과 같습니다.

<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/
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.