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

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

巴扎黑
풀어 주다: 2017-06-30 13:15:50
원래의
2256명이 탐색했습니다.

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

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

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

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

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

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

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

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

Syntax

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

jQuery.fx.off

반환 값

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

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

예제 및 설명

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

< input id="switch" type="button" value="애니메이션 효과 비활성화" />

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으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿