登录  /  注册
首页 > web前端 > js教程 > 正文

jQuery.fx.off 属性及用法详解

巴扎黑
发布: 2017-06-30 13:15:50
原创
2060人浏览过

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中文网其它相关文章!

智能AI问答
PHP中文网智能助手能迅速回答你的编程问题,提供实时的代码和解决方案,帮助你解决各种难题。不仅如此,它还能提供编程资源和学习指导,帮助你快速提升编程技能。无论你是初学者还是专业人士,AI智能助手都能成为你的可靠助手,助力你在编程领域取得更大的成就。
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
关于CSS思维导图的课件在哪? 课件
凡人来自于2024-04-16 10:10:18
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2024 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号