如何禁用jQuery动画

如何禁用jQuery动画

在这篇文章中,我们将看到如何使用jQuery来禁用动画效果。为了禁用动画效果,我们使用jQuery.fx.off属性。

jQuery.fx.off属性是用来全局启用/禁用一个页面的所有动画。它的默认值是false,用于允许动画正常运行。

语法:

jQuery.fx.off = true|false;

属性

  • true: 它用于指定动画应该被禁用。
  • false。它用于指定动画应该被启用。

方法:在这里,首先我们将使用div元素创建一个大小为100px的方形盒子。在创建方块后,我们使用toggle()方法来设置方块上的切换动画。 <div>元素。另外,我们使用jQuery.fx.off属性来禁用切换动画效果。

示例:

<!DOCTYPE html>
<html>
  
<head>
    <title>
        How to disable jQuery animation?
    </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>Disable jQuery Animation</h2>
  
        <button id="disable">
            Disable the Animation
        </button>
  
        <button id="toggle">
            Toggle Animation
        </button>
  
        <div class="box"></div>
  
        <script>
            (document).ready(function() {
                ("#disable").click(function() {
                    jQuery.fx.off = true;
                });
  
                ("#toggle").click(function() {
                    ("div").toggle("slow");
                });
            });
        </script>
    </center>
</body>
  
</html>

输出:

如何禁用jQuery动画?

Python教程

Java教程

Web教程

数据库教程

图形图像教程

大数据教程

开发工具教程

计算机教程