JQuery Animate () and stop () usage

Use of the Animate () method

W3cshool Introduction

Basic syntax: (selector). Animate (Style (required), speed (optional), easing (optional), callback (optional))

Style: CSS style with numeric values

Single Action notation: Animate ({"width": "100px"},600)

Combo Action: Animate ({"width": "100px", "height": "100px"},600)

Speed: Millisecond-time

EASING:JQ a plug-in function (temporarily do not understand what is the use of)

Callback: The execution of the animation completes the callback function.

Stop () usage

W3cshool Introduction

Basic syntax: (selector). Stop (Stopall,gotoend). Animate (Style,speed)

Stop inside two parameters with true or False respectively

StopAll: Stops all animations of selected elements. Includes animations in a queue.

Gotoend: It only works if the StopAll value is true, and whether to let the currently in-progress animation proceed to the end.

JQuery Animate () and stop () usage