jq之fadeIn()

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

无名`

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

阅读量101

点赞数

分类专栏： java基础 jq 文章标签： javascript jquery

本文链接：https://blog.csdn.net/wanggang182007/article/details/122378270

版权

java基础同时被 2 个专栏收录

124 篇文章 0 订阅

订阅专栏

20 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jq之demo</title>
    <!--线上jq库-->
    <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
    <script>
        $(document).ready(function(){
            $("button").click(function(){
                $("#div1").fadeIn();
                $("#div2").fadeIn("slow");
                $("#div3").fadeIn(3000);
            });
        });
    </script>
</head>
<body>
<p>test</p>
<button>点击</button>
<br/>
<div id="div1" style="width:80px;height:30px;display: none;background-color: red;"></div>
<div id="div2" style="width:90px;height:30px;display: none;background-color: blue;"></div>
<div id="div3" style="width:1000px;height:30px;display: none;background-color: yellow;"></div>
</body>
</html>