jquery animation processing

$ (selector). Hide (speed,callback); Hide

$ (selector). Show (Speed,callback); Show

$ (selector). Toggle (speed,callback); Show/Hide judging by display ===true/false

$ (selector). FadeIn (speed,callback); Fade

$ (selector). FadeOut (speed,callback); Out

$ (selector). Fadetoggle (speed,callback); Fade In/Fade out

$ (selector). FadeTo (speed,opacity,callback); Changing the selected element to the required opacity parameter in the given opacity FadeTo () method sets the fade effect to the given opacity (values between 0 and 1).

$ (selector). Slidedown (speed,callback); Slide the element down.

$ (selector). Slideup (speed,callback); Slide the element up.

$ (selector). Slidetoggle (speed,callback); Slide the element up/down (judging by the initial value).

The optional speed parameter specifies the rate of concealment/display, which can take the following values: "Slow", "fast", or milliseconds.

The optional callback parameter is the name of the function that is executed after the hide or display is complete.

$ (selector). Animate ({params},speed,callback); Animations (multiple properties can be manipulated at the same time)

The required params parameter defines the CSS property that forms the animation.

The optional speed parameter specifies the length of the effect. It can take the following values: "Slow", "fast", or milliseconds.

The optional callback parameter is the name of the function that is executed after the animation is completed.

Yes, almost possible! However, one important thing to remember: when using animate (), you must use the Camel notation to write all property names, for example, you must use Paddingleft instead of Padding-left, using marginright instead of Margin-right, wait.

You can also define a relative value (this value relative to the current value of the element). You need to precede the value with + = or-=: (such as height: ' +=150px ')

At the same time, color animations are not included in the core JQuery library.

If you need to generate color animations, you need to download the color animations plugin from jquery.com.

If more than one animate is used, the "internal" queue is called. These animate calls are then run individually.

The Stop () method is used to stop animations or effects before they are complete.

The Stop () method applies to all JQuery effect functions, including sliding, fading, and custom animations.

$ (selector). Stop (stopall,gotoend); Stop the animations or effects before they are finished.

The optional StopAll parameter specifies whether the animation queue should be cleared. The default is false, which stops only active animations, allowing any queued animation to be executed backwards.

The optional gotoend parameter specifies whether to complete the current animation immediately. The default is False.

Therefore, by default, stop () clears the current animation specified on the selected element.

Note: When animation 100% is complete, the Callback function is called.

Chaining (link) allows us to allow multiple jQuery methods (on the same element) in one statement as follows:

$ ("#p1"). CSS ("Color", "red"). Slideup (+). Slidedown (2000);

jquery animation processing