jQuery_滑动-滑出 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

    <div id="div" style="display: none;width: 200px;height: 200px;background-color: #dca82d"></div>
    <input id="fadein" type="button" value="fadein">
    <input id="fadeout" type="button" value="fadeout">
    <input id="fadeToggle" type="button" value="fadeToggle">
    <input id="fadeTo" type="button" value="fadeTo">

    <script src="jquery-3.5.1.js"></script>
    <script>
        $("#fadein").click(function () {
            $("#div").fadeIn(1000)
        });
        $("#fadeout").click(function () {
            $("#div").fadeOut(1000)
        });
        $("#fadeToggle").click(function () {
            $("#div").fadeToggle(1000)
        });
        $("#fadeTo").click(function () {
            $("#div").fadeTo(1000,0.3)                            // 调整透明度 $("#div").fadeTo(1000,0.3)
        })

    </script>

</body>
</html>
posted @ 2020-09-13 11:20  zxy_ang  阅读(259)  评论(0)    收藏  举报