python前端基础--jquery动画05

最新推荐文章于 2018-09-25 22:44:09 发布

白杨树~

最新推荐文章于 2018-09-25 22:44:09 发布

阅读量134

点赞数 1

分类专栏： html

本文链接：https://blog.csdn.net/qq_42336700/article/details/82118840

版权

html 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
   <head>
       <meta charset="utf-8" />
       <title></title>
       <script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
       <style>
           div{
               width: 400px;
               height: 140px;
               background: gold;
               margin: 10px;
           }
       </style>
       <script>
           $(function(){
               $('#btn1').click(function(){
                   $("#div1").hide(3000);
               });
               $('#btn2').click(function(){
                   $("#div2").hide(5000);
               });
           })
       </script>
   </head>
   <body>
       <div id="div1">
           <button id="btn1">点我隐藏</button>
           <p>站点：Google</p>
           <p>url：http://www.google.com</p>
       </div>
       <div id="div2">
           <button id="btn2">点我隐藏</button>
           <p>站点：我的SCDN博客</p>
           <p>url：https://blog.csdn.net/qq_42336700</p>
       </div>
   </body>
</html>