Code666 (代码贴、代码片段)

[JavaScript] jquery通过slideDown控制模块缓慢拉出效果 →→→→→进入此内容的聊天室

来自 , 2020-06-26, 写在 JavaScript, 查看 108 次.
URL http://www.code666.cn/view/f82a944b
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js">
  5. </script>
  6. <script>
  7. $(document).ready(function(){
  8.   $("#flip").click(function(){
  9.     $("#panel").slideDown("slow");
  10.   });
  11. });
  12. </script>
  13.  
  14. <style type="text/css">
  15. #panel,#flip
  16. {
  17. padding:5px;
  18. text-align:center;
  19. background-color:#e5eecc;
  20. border:solid 1px #c3c3c3;
  21. }
  22. #panel
  23. {
  24. padding:50px;
  25. display:none;
  26. }
  27. </style>
  28. </head>
  29. <body>
  30.  
  31. <div id="flip">Click to slide down panel</div>
  32. <div id="panel">Hello world!</div>
  33.  
  34. </body>
  35. </html>
  36.  
  37. //javascript/8008

回复 "jquery通过slideDown控制模块缓慢拉出效果"

这儿你可以回复上面这条便签

captcha

贴代码片段 - Code666