>웹 프론트엔드 >JS 튜토리얼 >jQuery.fx.off 속성 및 사용법에 대한 자세한 설명

jQuery.fx.off 속성 및 사용법에 대한 자세한 설명

巴扎黑
巴扎黑원래의
2017-06-30 13:15:502255검색

jQuery.fx.offproperty는 모든 animations를 전역적으로 비활성화할지 여부를 설정하거나 반환하는 데 사용됩니다.

이 속성에 설정된 값이 없으면 애니메이션 효과가 전역적으로 비활성화되었는지 여부를 나타내는 부울 값이 반환됩니다.

이 속성이 true로 설정되면 모든 애니메이션이 전역적으로 비활성화됩니다. 실행 중인 모든 애니메이션 대기열은 영향을 받지 않습니다. 아직 실행되지 않은 애니메이션 대기열은 애니메이션 효과 없이 실행되는 즉시 완료됩니다.

이 속성을 false로 설정하면 애니메이션 효과가 전역적으로 활성화됩니다.

다음 상황이 발생하면 애니메이션 효과를 비활성화할 수 있습니다.

구성이 낮은 컴퓨터에서 jQuery를 사용하고 있습니다.

애니메이션 효과로 인해 일부 사용자에게 접근성 문제가 발생할 수 있습니다.

이 속성은 전역 jQuery 개체에 속합니다(static 속성으로도 이해될 수 있음).

Syntax

jQuery 1.3에는 이 정적 속성이 추가되었습니다.

jQuery.fx.off

반환 값

jQuery.fx.off 속성의 반환 값은 부울 유형이며, 애니메이션 효과가 전역적으로 비활성화되었는지 여부를 나타내는 부울 값을 반환합니다. 비활성화된 경우 true를 반환하고, 그렇지 않으면 false를 반환합니다.

기본적으로 이 속성의 반환 값은 false입니다.

예제 및 설명

다음 HTML 샘플 코드를 참조하세요.

e388a4556c0f65e1904146cc1a846bee

faebc1a5170eb0dc1e7e15413bf8207b

0eac4b3088ab8e2a356552795cb3a10c

94b3e26ee717c64999d7867364b1b4a3

0fd956eaeb80fa39ccb73d910d2f635bCodePlayer16b28748ea4df4d9c2150843fecfba68

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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.