jQuery fadeToggle() 方法

最新推荐文章于 2022-11-11 23:00:55 发布

「已注销」

最新推荐文章于 2022-11-11 23:00:55 发布

阅读量504

点赞数

本文链接：https://blog.csdn.net/m0_57835615/article/details/117457096

版权

jQuery fadeToggle() 方法可以在 fadeIn() 与 fadeOut() 方法之间进行切换。

如果元素已淡出，则 fadeToggle() 会向元素添加淡入效果。

如果元素已淡入，则 fadeToggle() 会向元素添加淡出效果。

$(selector).fadeToggle(speed,easing,callback);

speed 参数：规定效果的时长。它可以取以下值："slow"、"fast"、或毫秒。

easing参数：用来指定切换效果，默认时'swing'，可用参数'linear'。

callback 参数：效果完成后所执行的函数。

示例：

点击按钮，可切换div的显示状态。

    <style>
        div {
            width: 100px;
            height: 100px;
            background-color: rgba(16, 201, 56, 0.863);
        }
    </style>
    <script src="jQuery.js"></script>
    <script>
        jQuery(document).ready(function () {
            $("button").eq(0).click(function () {
                $("div").fadeToggle();
            })
        })
    </script>
</head>

<body>
    <button>切换</button>
    <div></div>
</body>