jQuery练习t257，从0到1

最新推荐文章于 2022-11-11 19:58:14 发布

虾米大王

最新推荐文章于 2022-11-11 19:58:14 发布

阅读量178

点赞数

分类专栏： jQuery JavaScript 文章标签： javascript jquery

本文链接：https://blog.csdn.net/modern358/article/details/113736665

版权

JavaScript 同时被 2 个专栏收录

329 篇文章 0 订阅

订阅专栏

jQuery

296 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style type="text/css">
        div{
            width: 400px;
            margin: 0 auto;
        }
        h3{
            text-align: center;
            padding: 10px;
            background-color: #EEEEEE;
        }
        h3:hover{
            background-color: #dddddd;
            cursor: pointer;
        }
        p{
            background-color: #F1F1F1;
            padding: 10px;
            line-height: 30px;
            font-size: 16px;
            text-indent: 32px;
            display: none;
        }
    </style>
    <script src="../js/jquery-3.5.1.js"></script>
    <script>
        //滑上与滑下
        //.slideToggle() 切换
        $(function () {
            $("h3").click(function () {
                $("p").slideToggle();
            });
        });
    </script>
</head>
<body>
    <div>
        <h3>虾米大王</h3>
        <p>学习编程技术需要付出很多的耐心，需要能够坚守寂寞，别人嗨皮的时候，你在敲代码，
            别人休息的时候，你在敲代码，你不断精进技术，不断突破自己，最终的目的就是为了家人
            能够过上衣食无忧的生活，而你最终成就了自己的事业。</p>
    </div>
</body>
</html>

虾米大王

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
jQuery练习t257，从0到1

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css"> div{ width: 400px; margin: 0 auto; } h3{ .
复制链接

扫一扫