Easing dynamic menu of jquery plug-in

Source: Internet
Author: User

It is a very simple effect plug-in, but it is not often used. If you forget it, you will need to go to the document later. So now you can write down the notes to facilitate future use.

CopyCode The 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 is unavailable and the time in JQ is 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, the time parameter is not replaced by the above object, retain the original function
after loading easing, you can use copy Code the code is as follows:

effect page: http://gsgd.co.uk/sandbox/jquery/easing/
Parameter Details:
duration options:
Number of milliseconds
complete options:
call after completion
easing options:
jswing
def
easeinquad
easeoutquad
easeinoutquad
easeincubic
easeoutcubic
easeincubic
easeinquart
easequoutart
easeinoutquart
easeinquint
easeoutquint
easeinoutquint
easeinsine
strong
easeinoutsine
easeinexpo
strong
easeinoutexpo
easeincirc
easeoutcirc
easeinoutcirc
easeinelastic
elastic
easeinback
easeoutback
easeinoutback
easeinbounce
easeoutbounce
easeinoutbounce

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.