首頁 > web前端 > js教程 > jQuery.fx.off 屬性及用法詳解

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

巴扎黑
發布: 2017-06-30 13:15:50
原創
2264 人瀏覽過

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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板