上一节:
下一节:

  jQuery stop() 方法

  • 定义和用法

    stop() 方法为被选元素停止当前正在运行的动画。

  • 语法

    $(selector).stop(stopAll,goToEnd)

  • 参数

    参数 描述
    stopAll 可选。布尔值，规定是否停止被选元素的所有加入队列的动画。默认是 false。
    goToEnd 可选。布尔值，规定是否立即完成所有的动画。默认是 false。

  • 示例

    下例演示了stop()方法，没有参数： 
    <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>欢迎来到蝴蝶教程</title>
//此版本是百度cdn 1.11.1，当然你可以使用更高的版本，从2.0版本以上的是不支持ie6-8的
<script type="text/javascript" src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
<script>
   $(document).ready(function () {
      $("#flip").click(function () {
         $("#panel").slideDown(5000);
       });
       $("#stop").click(function () {
         $("#panel").stop();
       });
   });
</script>
</head>
<body>
     <button id="stop"">暂停滑动动画</button>
    <div id="flip">点我向下滑动面板</div>  
    <div id="panel">Hello 蝴蝶教程</div>  
</body>
</html>
    尝试一下

  • 相关页面

返回 jQuery 效果参考
上一节:
下一节: