Commonly used animation effect functions in jQuery (daily Arrangement), jquery Functions

Commonly used animation effect functions in jQuery (daily Arrangement), jquery Functions

Jquery has a lot of animation effects. The following small series will share with you the animation functions in jquery.

List of jQuery effect functions:

Animate (): Apply a "Custom" animation to the selected element.

ClearQueue (): removes all queuing functions from the selected element (not running ).

Delay (): sets a delay for all the queuing functions of the selected element (not running.

Dequeue (): run the next queuing function of the selected element.

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

FadeOut (): gradually changes the opacity of the element, from visible to hidden.

FadeTo (): gradually change the selected element to the specified opacity.

Hide (): hides selected elements.

Queue (): displays the queuing function of the selected element.

Show (): displays the selected elements.

SlideDown (): slide the selected element by adjusting the height.

SlideToggle (): switches between slide hiding and sliding display of Selected elements.

SlideUp (): slide by adjusting the height to hide the selected element.

Stop (): stop an animation running on the selected element.

Toggle (): Hide and display the selected elements.

Animate ():

The animate () method executes the Custom Animation of the CSS property set.

This method uses the CSS style to change an element from one state to another. The CSS attribute value is gradually changed, so that you can create an animation effect.

Only numeric values can be used to create animations (such as "margin: 30px "). The string value cannot be used to create an animation (for example, ""> clearQueue ():

The clearQueue () method stops all unexecuted functions in the queue.

Unlike the stop () method (for animation only), clearQueue () can clear any queuing function (any function added to the general jQuery queue through the. queue () method ).

Delay ():

Delay (): sets a delay for all the queuing functions of the selected element (not running.

Dequeue ():

Dequeue (): run the next queuing function of the selected element.

FadeIn ():

The fadeIn () method uses the fade-in effect to display the selected element. If this element is hidden.

FadeOut ():

The fadeOut () method uses the fade-out effect to hide the selected element. If this element is hidden.

FadeTo ():

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

Hide ():

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

Queue ():

Queue (): displays the queuing function of the selected element.

Show ():

If the selected elements are hidden, these elements are displayed.

SlideDown ():

The slideDown () method uses the sliding effect to display hidden selected elements.

SlideToggle ():

The slideToggle () method uses the sliding effect (height change) to switch the visible state of the element.

If the selected elements are visible, these elements are hidden. If the selected elements are hidden, these elements are displayed.

SlideUp ():

Hide the selected element by using the sliding effect, if the element has been displayed.

Stop ():

Stop () method to stop an animation that is currently running.

Toggle ():

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

The above section describes the commonly used animation effect functions in jQuery (daily Arrangement). I hope this will help you. If you have any questions, please leave a message, the editor will reply to you in a timely manner.