jQuery练习t256，从0到1-白红宇的个人博客

jQuery练习t256，从0到1

发布日期：2021-05-06 21:14:32 浏览次数：14 分类：原创文章

本文共 1322 字，大约阅读时间需要 4 分钟。

<!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>        //滑上与滑下        //.slideUp 和 .slideDown        $(function () {            //设置一个标记，表示收起还是打开           var close = true;           $("h3").click(function () {               if(close)               {                   $("p").slideDown();                   close = false;               }               else               {                   $("p").slideUp();                   close = true;               }           });        });    </script></head><body>    <div>        <h3>虾米大王</h3>        <p>学习编程技术需要付出很多的耐心，需要能够坚守寂寞，别人嗨皮的时候，你在敲代码，            别人休息的时候，你在敲代码，你不断精进技术，不断突破自己，最终的目的就是为了家人            能够过上衣食无忧的生活，而你最终成就了自己的事业。</p>    </div></body></html>

上一篇：jQuery练习t257，从0到1

下一篇：jQuery练习t255，从0到1

发表评论

关于作者

喝酒易醉，品茶养心，人生如梦，品茶悟道，何以解忧？唯有杜康！

-- 愿君每日到此一游！

发表评论

最新留言

关于作者

推荐文章