关灯
开启左侧

jQuery滑动效果实现方法分析

[复制链接]
小川 发表于 2018-10-11 09:37:21 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
 
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
  5. <script type="text/javascript">
  6. $(document).ready(function(){
  7. $(".flip").click(function(){
  8. $(".panel").slideToggle("slow");
  9. });
  10. });
  11. </script>
  12. <style type="text/css">
  13. div.panel,p.flip{
  14. margin:0px;
  15. padding:5px;
  16. text-align:center;
  17. background:#e5eecc;
  18. border:solid 1px #c3c3c3;
  19. }
  20. </style>
  21. </head>
  22. <body>
  23. <div class="panel">
  24. <p>Hello world</p>
  25. <p>Hello everyone,I am so cool</p>
  26. </div>
  27. <p class="flip">click</p>
  28. </body>
  29. </html>
复制代码


 

精彩评论1

正序浏览
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

  • 最佳新人

    注册账号后积极发帖的会员

1关注

1粉丝

105帖子

排行榜
关闭

站长推荐上一条 /1 下一条

官方微信

全国服务热线:

400-0708-360

公司地址:国家西部信息安全产业基地(成都市高新区云华路333号)

邮编:610000    Email:2908503813@qq.com

Copyright   ©2015-2016  EOIT论坛Powered by©Discuz!    ( 蜀ICP备11000634号-7 )