ホームページ  >  記事  >  ウェブフロントエンド  >  jQuery.fx.offプロパティと使い方の詳しい説明

jQuery.fx.offプロパティと使い方の詳しい説明

巴扎黑
巴扎黑オリジナル
2017-06-30 13:15:502238ブラウズ

jQuery.fx.offプロパティは、すべてのアニメーションをグローバルに無効にするかどうかを設定または返すために使用されます。

このプロパティに値が設定されていない場合は、アニメーション効果がグローバルに無効になっているかどうかを示すブール値が返されます。

このプロパティが true に設定されている場合、すべてのアニメーションがグローバルに無効になります。実行中のすべてのアニメーション キューは影響を受けません。まだ実行されていないアニメーション キューは、実行されるとすぐに完了し、アニメーション効果は発生しません。

このプロパティが false に設定されている場合、アニメーション効果はグローバルに有効になります。

次の状況が発生した場合は、アニメーション効果を無効にすることができます。

あなたは、より低い構成のコンピューターで jQuery を使用しています。

アニメーション効果により、一部のユーザーにアクセシビリティの問題が発生している可能性があります。

このプロパティは、グローバル jQuery オブジェクトに属します (static プロパティとしても理解できます)。

Syntax

jQuery 1.3 では、この静的属性が追加されています。

jQuery.fx.off

戻り値

jQuery.fx.off プロパティの戻り値はブール型で、アニメーション効果がグローバルに無効になっているかどうかを示すブール値を返します。無効な場合は true、無効な場合は false を返します。

デフォルトでは、このプロパティの戻り値は false です。

例と説明

次の HTML サンプル コードを参照してください:

e388a4556c0f65e1904146cc1a846bee

7c331c2ac881040363fb50b979827684

29334514c70a2dfcc10f7c0d07fa70a9

94b3e26ee717c64999d7867364b1b4a3

bb00a88dbf673cac09a66f0bea87557dCodePlayer16b28748ea4df4d9c2150843fecfba68

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 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。