jquery中的滑动

最新推荐文章于 2021-06-08 07:37:50 发布

hanrui11

最新推荐文章于 2021-06-08 07:37:50 发布

阅读量306

点赞数

分类专栏：技术

本文链接：https://blog.csdn.net/hanrui11/article/details/67633949

版权

技术专栏收录该内容

4 篇文章 0 订阅

订阅专栏

通过jquery可以在元素上添加滑动的效果。
主要有三种方法：
1:slideDown()
2:slideUp()
3:slideToogle();

简单demo

<html>
<head>
<style>
    .btn{
        width: 100%;
    }
    .content{
        width: 100%;
        display: none/*<!--隐藏元素-->*/
        background: #ccc;
        text-align: center;
    }
</style>
<!--引入jquery文件-->
</head>
<body>
    <div class="btn">点击打开隐藏层</div>
    <div class="content">hello world</div>
    <script>
        $(function(){
            $('.btn').click(function(){
                $('.content').slideDown();
            })
        })
    </script>
</body>
</html>