jquery动画效果的隐藏和显示

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="jquery-2.1.4.min.js"></script>
</head>
<body>
    <p>动画的内容</p>
    <input id="qqq1" type="button" value="显示" onclick="f()">
    <input id="qqq2" type="button" value="隐藏" onclick="f1()">
    <input id="qqq3" type="button" value="toggle" onclick="f2()">
</body>
    <script>
        function f() {
            $("p").show(1000);
        }
        function f1() {
            $("p").hide(1000);
        }

        $("#qqq3").click(function () {
            $("p").toggle(1000);
        });

    </script>
</html>

猜你喜欢

转载自www.cnblogs.com/TKOPython/p/12925511.html