Introduction to basic operations for implementing animation effects in jQuery

Animation Effect

Show (): Display

Hide () hide

$ (). Toggle (): switching between display and hide Effects

You can pass in parameters, speed.

 

 

FadeOut (fade out)

FadeIn (fade in)

FadeToggle (); fade-in and fade-out Switching

FadeTo (2000, 0.3) shows the image to a 30% degree of transparency

 

Slide display

SlideDown ():

SlideUp ():

SlideToggle ():

You can input a speed parameter.

 

$ (': Animated'); gets the element of the animation being executed.

Stop the element that is executing the animation:

$ (': Animated'). stop (): stop the current animation.

Stop (true) indicates that all animations in the queue are cleared, that is, the animation stops immediately. If no parameters are passed, the animation stops immediately.

$ (': Animated'). stop (false, true) The second parameter is true, indicating that the animation being executed is stopped and the element is set to the position at the end of the animation.