jQuery 上拉下拉动画

来源:互联网 发布:手机淘宝旺铺首页装修 编辑:程序博客网 时间:2024/04/27 19:49
<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>Title</title>    <style>        .box{            width: 600px;            height: 360px;            background: red;        }    </style>    <script src="jQuery/jquery-1.12.0.min.js"></script></head><body>    <div class="box"></div>    <button id="btn">拉上</button>    <button id="btn1">拉下</button>    <script>        /*拉上*/        $("#btn").click(function () {            $(".box").slideUp(3000);        })        /*拉下*/        $("#btn1").click(function () {            $(".box").slideDown(3000);        })        $("#btn2").click    </script></body></html>