jQuery.fx.off 屬性及用法詳解

jQuery.fx.off屬性用於設定或傳回是否全域性地停用所有動畫。

如果不對該屬性設定值，則傳回表示是否全域性地停用了動畫效果的布林值。

如果將該屬性設為true，則將全域性地停用所有動畫。所有正在執行的動畫隊列不會受到影響。尚未執行的任何動畫隊列都會在執行時立即完成，而不再帶有動畫效果。

如果將該屬性設為false，則會全域性地啟用動畫效果。

你可以在遇到以下情況時，需要停用動畫效果。

你在設定比較低的電腦上使用jQuery。

某些使用者可能由於動畫效果而遇到了可訪問性問題。

該屬性屬於全域的jQuery物件(也可理解為靜態屬性)。

語法

jQuery 1.3 新增該 靜態屬性。

jQuery.fx.off

傳回值

jQuery.fx.off屬性的回傳值是Boolean類型，傳回表示是否全域性地停用了動畫效果的布爾值。如果已停用就回傳true，否則回傳false。

預設情況下，該屬性的傳回值為false。

範例&說明

請參考下面這段HTML範例程式碼：

   

   

background-color: #eee;" >CodePlayer

與jQuery.fx.off屬性相關的jQuery範例程式碼如下：

$("#exec").click( function(){
    var $myDiv = $("#myDiv");
    // 在现有高度的基础上增加300px (如果原来是100px，增加后就是400px)
    $myDiv.animate( { height: "+=300px" }, 2000 ); 
    $myDiv.animate( { width: "50%" }, 1000 );       
    $myDiv.animate( { width: "200px", height: "100px" }, 1000 );        
} );
$("#switch").click( function(){
    // 使用jQuery.fx.off或$.fx.off均可(如果变量$是jQuery在使用的话)
    if( $.fx.off ){
        jQuery.fx.off = false; // 启用动画效果
        this.value = "禁用动画效果";
    }else{
        $.fx.off = true; // 禁用动画效果
        this.value = "启用动画效果";
    }
} );

以上是jQuery.fx.off 屬性及用法詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章！