jQuery 停止动画

在web前端开发中,动画效果是非常常见的一种交互方式。然而有时候我们需要停止正在进行的动画,这时候就可以使用jQuery提供的stop()方法来实现。

stop()方法的语法

stop()方法用于停止当前正在运行的动画。它有两个可选参数:

  • clearQueue:一个布尔值,表示是否清空动画队列
  • jumpToEnd:一个布尔值,表示是否立即结束当前动画并跳转到最终状态
---------------------------- -----------

示例

假设我们有一个按钮,点击按钮会让一个div元素向右移动:

--------- -----
------
------
  ----------- --------- ---------------
  ------- -----------------------------------------------------------
  -------
    ---- -
      ------ ------
      ------- ------
      ----------------- ----
      --------- ---------
    -
  --------
-------
------

---- ---------------
------- ------------- ------------------

--------
  ---------------------------- -
    -------------------------- -
      ------------------------ ----------- ------
    ---

    -------------------------- -
      ---------------
    ---
  ---
---------

-------
-------

在上面的示例中,当点击按钮时,div元素会向右移动。如果在移动过程中点击div元素本身,动画会被立即停止。

这就是使用stop()方法停止动画的一个简单示例。在实际开发中,我们可以根据具体需求来灵活运用这个方法。


上一篇:jQuery 动画
下一篇:jQuery Callback