相关文章:

jQuery.fx.off 属性详解

代码类型:

杂项:

  • 启用CSS/JS语法检查
  • 监测脚本运行错误
  • 禁止库文件重复

文档类型:

JS库文件:

手动添加:

  1. jQuery 1.11.1
 
1
<p>
2
    <input id="exec" type="button" value="执行动画" />
3
    <input id="switch" type="button" value="禁用动画效果" />
4
</p>
5
<div id="myDiv" style="width:300px; height: 100px; background-color: #eee;" >CodePlayer</div>
xxxxxxxxxx
18
 
1
$("#exec").click( function(){
2
    var $myDiv = $("#myDiv");
3
    // 在现有高度的基础上增加300px (如果原来是100px，增加后就是400px)
4
    $myDiv.animate( { height: "+=300px" }, 2000 );
5
    $myDiv.animate( { width: "50%" }, 1000 );      
6
    $myDiv.animate( { width: "200px", height: "100px" }, 1000 );      
7
} );
8
​
9
$("#switch").click( function(){
10
    // 使用jQuery.fx.off或$.fx.off均可(如果变量$是jQuery在使用的话)
11
    if( $.fx.off ){
12
        jQuery.fx.off = false; // 启用动画效果
13
        this.value = "禁用动画效果";
14
    }else{
15
        $.fx.off = true; // 禁用动画效果
16
        this.value = "启用动画效果";
17
    }
18
} );
​x
 
1
​