English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
There are many animation effects in jQuery. Below, the editor shares some jQuery animation functions with everyone.
jQuery's list of effect functions:
animate(): Applies a "custom" animation to the selected elements.
clearQueue(): Removes all queued functions (not yet executed) from the selected elements.
delay(): Sets a delay for all queued functions (not yet executed) of the selected elements.
dequeue():
fadeIn(): Gradually changes the opacity of the selected elements from hidden to visible.
fadeOut(): Gradually changes the opacity of the elements from visible to hidden.
fadeTo(): Gradually changes the opacity of the selected elements to the specified opacity.
hide(): Hides the selected elements.
queue():
show(): Shows the selected elements.
slideDown(): Shows the selected elements by adjusting the height.
slideToggle(): Toggles the slide hide and slide show of the selected elements.
slideUp(): Hides the selected elements by adjusting the height.
stop(): Stops the animation running on the selected elements.
toggle(): Toggles the hide and show of the selected elements.
animate():
The animate() method performs a custom animation of a set of CSS properties.
This method changes the state of an element from one state to another through CSS styles. The values of CSS properties change gradually, thus creating animation effects.
Only numeric values can create animations (e.g. "margin:30px"). String values cannot create animations (e.g. "> clearQueue():
The clearQueue() method stops all functions that have not yet been executed in the queue.
Different from the stop() method (only applicable to animations), clearQueue() can clear any queued functions (any functions added to the general jQuery queue through the .queue() method).
delay():
delay(): Sets a delay for all queued functions (not yet executed) of the selected elements.
dequeue():
dequeue():
dequeue(): Run the next queuing function of the selected element.
fadeIn():
The fadeIn() method displays the selected element using a fade-in effect if the element is hidden.
fadeOut():
The fadeOut() method hides the selected element using a fade-out effect if the element is hidden.
fadeTo():
The fadeTo() method gradually changes the opacity of the selected element to the specified value.
hide():
If the selected element has been displayed, hide the element.
queue():
queue(): Display the queuing function of the selected element.
show():
If the selected element has been hidden, display these elements.
slideDown() :
The slideDown() method displays the hidden selected element using a sliding effect.
slideToggle() :
The slideToggle() method toggles the visibility state of the element using sliding effects (height change).
If the selected element is visible, hide these elements. If the selected element is hidden, display these elements.
Hide the selected element using a sliding effect if the element is already displayed.
stop():
The stop() method stops the currently running animation.
toggle():
The toggle() method toggles the visibility state of the element.
The above-mentioned is the commonly used animation effect function in jQuery introduced by the editor (daily compilation), hoping it will be helpful to everyone. If you have any questions, please leave me a message, and the editor will reply to you in time.
Statement: The content of this article is from the network, and the copyright belongs to the original author. The content is contributed and uploaded by Internet users spontaneously. This website does not own the copyright, has not been manually edited, and does not assume relevant legal liability. If you find any content suspected of copyright infringement, please send an email to: notice#oldtoolbag.com (Please replace # with @ when sending an email to report, and provide relevant evidence. Once verified, this site will immediately delete the suspected infringing content.)