Easing of jquery plug-in

Source: Internet
Author: User

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/

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.