ホームページ > 記事 > ウェブフロントエンド > jQuery.fx.offプロパティと使い方の詳しい説明
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 サイトの他の関連記事を参照してください。