极客教程jQuery jQuery.fx.off 属性
jQuery.fx.off属性在jQuery中是用来全局禁用/启用所有动画的。它的默认值是false，用于允许动画正常运行。
语法:
jQuery.fx.off = true|false;
参数。该事件接受两个参数，如上所述和下文所述。
- true: 它用于指定动画应该被禁用。
- false。它用于指定动画应该被启用。
例子。这个例子使用jQuery.fx.off属性来禁用动画。
<!DOCTYPE html>
<html>
<head>
<title>
jQuery jQuery.fx.off property
</title>
<script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
<style>
.box {
background:green;
height:100px;
width:100px;
margin:50px;
}
</style>
</head>
<body>
<center>
<h1 style = "color:green;" >
GeeksForGeeks
</h1>
<h2> jQuery.jQuery.fx.off property</h2>
<button id="disable">
jQuery.fx.off = true ( Disable )
</button>
<br><br>
<button id="toggle">
Toggle animation
</button>
<div class="box"></div>
<!-- Script to use jQuery.fx.off property -->
<script>
(document).ready(function() {
("#disable").click(function() {
jQuery.fx.off = true;
});
("#toggle").click(function() {
("div").toggle("slow");
});
});
</script>
</center>
</body>
</html>
输出:
在点击禁用按钮之前。
点击禁用按钮后。
示例 2: 这个例子使用jQuery.fx.off属性来禁用和启用动画。
<!DOCTYPE html>
<html>
<head>
<title>
jQuery.jQuery.fx.off property
</title>
<script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
<style>
.box {
background:green;
height:100px;
width:100px;
margin:50px;
}
</style>
</head>
<body>
<center>
<h1 style = "color:green;" >
GeeksForGeeks
</h1>
<h2>jQuery.jQuery.fx.off property</h2>
<button id="disable">
jQuery.fx.off = true ( Disable )
</button>
<button id="enable">
jQuery.fx.off = false ( Enable )
</button>
<br><br>
<button id="toggle">
Toggle animation
</button>
<div class="box"></div>
<!-- Script to use jQuery.fx.off property -->
<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>
</center>
</body>
</html>
输出:
同时使用禁用和启用按钮。
