Common animation effect function (daily collation) in jquery _jquery

Source: Internet
Author: User

There are so many animations in jquery that you can share some of the animated functions of jquery in the following small series.

List of effect functions for jquery:

Animate (): Applies a custom animation to the selected element.

Clearqueue (): Removes all queued functions (still not running) for the selected element.

Delay (): sets a delay on all queued functions (still not running) for the selected element.

Dequeue (): The next queued function that runs the selected element.

Fadeln (): Gradually changes the opacity of the selected element, from hidden to visible.

Fadeout (): Gradually change the opacity of the element, from visible to hidden.

Fadeto (): Changes the selected element gradually to the given opacity.

Hide (): Hides the selected element.

Queue (): Displays the queued functions for the selected element.

Show (): Displays the selected element.

Slidedown (): Slides the selected element by adjusting the height.

Slidetoggle (): Toggles the slide hide and slide display of the selected elements.

Slideup (): To slide the hidden selected element by adjusting the height.

Stop (): Stops the animation that is running on the selected element.

Toggle (): Toggles the hidden and displayed of the selected elements.

Animate ():

The animate () method performs a custom animation of the CSS property set.

This method changes the element from one state to another through a CSS style. CSS property values are gradually changed, so you can create animation effects.

Only numeric values can create animations (such as "margin:30px"). String value cannot create animation (such as "" > Clearqueue ():

The Clearqueue () method stops all functions that are still not executing in the queue.

Unlike the Stop () method, which applies only to animations, Clearqueue () can clear any queued functions (through the. Queue () method to any functions added to the Universal jQuery queue).

Delay ():

Delay (): sets a delay on all queued functions (still not running) for the selected element.

Dequeue ():

Dequeue (): The next queued function that runs the selected element.

FadeIn ():

The FadeIn () method uses a fade effect to display the selected element, if the element is hidden.

Fadeout ():

The Fadeout () method uses the fade effect to hide the selected element, if the element is hidden.

Fadeto ():

The Fadeto () method changes the opacity of the selected element gradually to the specified value.

Hide ():

If the selected element is already displayed, the element is hidden.

Queue ():

Queue (): Displays the queued functions for the selected element.

Show ():

If the selected element is hidden, the elements are displayed.

Slidedown ():

The Slidedown () method displays hidden selected elements by using a sliding effect.

Slidetoggle ():

The Slidetoggle () method toggles the visible state of an element by using a sliding effect (height change).

If the selected element is visible, the elements are hidden, and if the selected element is hidden, the elements are displayed.

Slideup ():

Hides the selected element by using a sliding effect if the element is already displayed.

Stop ():

The Stop () method stops the animation that is currently running.

Toggle ():

The toggle () method Toggles the visible state of the element.

The above is a small set of jquery to introduce the commonly used animation effect function (daily collation), hope to help everyone, if you have any questions welcome to my message, small series will promptly reply to everyone.

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.