jQuery fadeOut() 方法

最新推荐文章于 2022-07-22 10:25:29 发布

「已注销」

最新推荐文章于 2022-07-22 10:25:29 发布

阅读量1k

点赞数

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

版权

jQuery fadeOut() 方法用于淡出可见元素。

语法格式：

$(selector).fadeOut(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").fadeOut();
            })
        })
    </script>
</head>

<body>
    <button>淡出</button>
    <div></div>
</body>

点击按钮前：