Jquery animation and jquery Animation

Jquery animation and jquery Animation
JQuery Animation

1. Zoom effect in the upper left corner

Hide ([speed, [fn])

Overview: Hide the displayed Elements

Parameter: speed: A string ("slow", "normal", or "fast") with one of the three predefined speeds, or a millisecond value indicating the animation duration (for example, 1000)

Fn: The function executed when the animation is completed. Each element is executed once.

Show ([speed, [fn])

Overview: displays hidden matching elements.

Toggle ([speed], [fn])

Overview: If the element is visible, switch to hidden. If the element is hidden, switch to visible.

 

 

2. zooming up and down

SlideUp (speed, [callback])

Overview: dynamically hides all matching elements by changing height (decreasing upwards) and triggers a callback function after hiding.

Parameter: the string ("slow", "normal", or "fast") with one of the three predefined speeds of speed, or a millisecond value indicating the animation duration (for example, 1000) callback (optional) function executed when the animation is completed

SlideDown (speed, [callback])

Overview: dynamically displays all matching elements by increasing height (down). A callback function is triggered after the display is complete.

SlideToggle ([speed], [fn])
Overview: the visibility of all matching elements is switched by height change, and a callback function is triggered after the switchover is complete.

 

 

3. Fade-in and fade-out effect (opacity changes)

FadeOut (speed, [callback])

Overview: Changes in opacity are used to fade out all matching elements, and a callback function is triggered after the animation is completed.

FadeIn (speed, [callback])

Overview: Changes in opacity are used to fade in all matching elements, and a callback function is triggered after the animation is completed.

FadeToggle ([speed, [fn])

Overview: Changes in opacity are used to enable the fade-in and fade-out effects of all matching elements, and an optional callback function is triggered after the animation is completed.

FadeTo (speed, opacity, [fn])

Overview: Adjust the opacity of all matching elements progressively to the specified opacity and trigger a callback function after the animation is complete.

 

4. Custom Animation

Animate (params, [speed], [fn])

Overview: functions used to create custom animations.

 

Stop ([clearQueue], [gotoEnd])

Overview: Stop all animations that are running on a specified element.

Parameter: clearQueue (Optional). If it is set to true, the queue is cleared. The animation can be ended immediately.

GotoEnd (optional) allows the animation being executed to be completed immediately.

 

Delay (duration)

Overview: Set a delay to postpone the project after execution in the queue.

Parameter duration delay time, in milliseconds