Copy codeThe Code is as follows:
<Script>
$ (Function (){
$. Easing. def = "easeInQuad"; // sets the default effect.
Var callback = function (){
Alert ("OK ");
}
$ ("# T1"). animate ({
"Top": 600
},{ Duration: 3000,
Easing: "easeInQuad", // can be omitted
Complete: callback })
})
</Script>
After easing is used, the original JQ method will be unavailable and the time in JQ will be replaced by an object. The object is shown in the following example.
{Duration: 3000, easing: "easeInQuad", complete: callback}
The original JQ callback function is replaced by complete
If easing is not used, that is, the time parameter is not replaced by the above object, and the original function is retained.
That is, after loading EASING, it can still be used as follows:
Copy codeThe Code is as follows:
<Script>
Var callback = function (){
Alert ("OK ");
}
$ ("# T1"). hide (3000, callback)
</Script>
Specific Parameter Details:
Duration options:
Milliseconds
Complete options:
Call
Easing options:
Jswing
Def
EaseInQuad
EaseOutQuad
EaseInOutQuad
EaseInCubic
EaseOutCubic
EaseInOutCubic
EaseInQuart
EaseOutQuart
EaseInOutQuart
EaseInQuint
EaseOutQuint
EaseInOutQuint
EaseInSine
EaseOutSine
EaseInOutSine
EaseInExpo
EaseOutExpo
EaseInOutExpo
EaseInCirc
EaseOutCirc
EaseInOutCirc
EaseInElastic
EaseOutElastic
EaseInOutElastic
EaseInBack
EaseOutBack
EaseInOutBack
EaseInBounce
EaseOutBounce
EaseInOutBounce
Official Website http://gsgd.co.uk/sandbox/jquery/easing/