jQuery jQuery.fx.off 属性
-
定义和用法
jQuery.fx.off 属性用于对所有动画进行全局禁用或启用。默认值是 false,它允许动画正常运行。当设置为 true 时,将禁用所有动画方法,这样会把元素设置为其最后的状态,而不是显示效果。提示:如需简化代码,可以使用 $.fx.off 来代替 jQuery.fx.off 。 -
语法
jQuery.fx.off = true|false; -
参数
参数 描述 true 规定应该禁用动画。 false 默认。规定应该启用动画。 -
实例
下例演示了切换动画开关:
尝试一下<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>欢迎来到菜鸟教程</title> //此版本是百度cdn 1.11.1,当然你可以使用更高的版本,从2.0版本以上的是不支持ie6-8的 <script type="text/javascript" src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script> <script> $(document).ready(function(){ $("#disable").click(function(){ jQuery.fx.off = true; }); $("#enable").click(function(){ jQuery.fx.off = false; }); $("#toggle").click(function(){ $("div").toggle("slow"); }); }); </script> </head> <body> <p>当“切换动画”开关按钮被按下时,我们伴着缓慢的动画在隐藏和显示div之间切换。按“启用”或“禁用”来打开和关闭动画。</p> <button id="disable">jQuery.fx.off = true ( 禁用 )</button> <button id="enable">jQuery.fx.off = false ( 启用 )</button> <button id="toggle">切换动画</button> <br/><br/> <div style="background:#98bf21;height:100px;width:100px;margin:50px;"> </div> </body> </html>
-
相关页面