Shulou(Shulou.com)06/01 Report--

This article mainly introduces jQuery how to use stop () method to stop animation, the article is very detailed, has a certain reference value, interested friends must read it!

JQuery stops animation

The jQuery stop () method is used to stop animations or effects before they are finished.

JQuery stop () method

The jQuery stop () method is used to stop animations or effects before they are finished.

The stop () method works with all jQuery effect functions, including sliding, fading in and out, and custom animation.

Syntax:

$(selector) .stop (stopAll,goToEnd)

The optional stopAll parameter specifies whether the animation queue should be cleared. The default is false, which stops only the active animation.

The optional goToEnd parameter specifies whether the current animation is completed immediately. The default is false.

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

$(document) .ready (function () {$("# flip") .click (function () {$("# panel"). SlideDown (5000);}); $("# stop") .click (function () {$("# panel"). Stop ();}); # panel,#flip {padding:5px; text-align:center; background-color:#e5eecc; border:solid 1px # c3c3c3 } # panel {padding:50px; display:none;} stop sliding and click here to slide down the panel Hello world!

JQuery stop () animation instance (with parameters)

$(document) .ready (function () {$("# start") .click (function () {$("div"). Animate ({left: "100px"}, 5000); $("div"). Animate ({fontSize: "3em"}, 5000);}); $("# stop") .click (function () {$("div"). Stop ();}) ("# stop2") .click (function () {$("div") .stop (true);}); $("# stop3") .click (function () {$("div") .stop (true,true);}); start to stop all stops but complete

The start button starts the animation.

The stop button stops the currently active animation, but allows the queued animation to move forward.

The stop all button stops the currently active animation and empties the animation queue; so all animation on the element stops.

Stop but finish immediately completes the animation of the current activity, and then stops.

HELLO above is all the content of the article "how to stop Animation by jQuery using the stop () method". Thank you for reading! Hope to share the content to help you, more related knowledge, welcome to follow the industry information channel!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.