jQuery jQuery.fx.off 属性

  • 定义和用法

    jQuery.fx.off 属性用于对所有动画进行全局禁用或启用。
    默认值是 false,它允许动画正常运行。当设置为 true 时,将禁用所有动画方法,这样会把元素设置为其最后的状态,而不是显示效果。
    提示:如需简化代码,可以使用 $.fx.off 来代替 jQuery.fx.off
  • 语法

    jQuery.fx.off = true|false;
  • 参数

    参数 描述
    true 规定应该禁用动画。
    false 默认。规定应该启用动画。
  • 实例

    下例演示了切换动画开关:
    <!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(){
          $("#disable").click(function(){
             jQuery.fx.off = true;
          });
          $("#enable").click(function(){
             jQuery.fx.off = false;
          });
          $("#toggle").click(function(){
             $("div").toggle("slow");
          });
       });
    </script>
    </head>
    <body>
       <p>当“切换动画”开关按钮被按下时,我们伴着缓慢的动画在隐藏和显示div之间切换。按“启用”或“禁用”来打开和关闭动画。</p>
       <button id="disable">jQuery.fx.off = true ( 禁用 )</button>
       <button id="enable">jQuery.fx.off = false ( 启用 )</button>
       <button id="toggle">切换动画</button>
       <br/><br/>
       <div style="background:#98bf21;height:100px;width:100px;margin:50px;">
       </div>
    </body>
    </html>                    
    
    尝试一下