Code666 (代码贴、代码片段)

[JavaScript] jQuery fadein方法实现渐出效果 →→→→→进入此内容的聊天室

来自 , 2020-09-13, 写在 JavaScript, 查看 97 次.
URL http://www.code666.cn/view/4c7958ae
  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.   $("button").click(function(){
  9.     $("#div1").fadeIn();
  10.     $("#div2").fadeIn("slow");
  11.     $("#div3").fadeIn(3000);
  12.   });
  13. });
  14. </script>
  15. </head>
  16.  
  17. <body>
  18. <p>Demonstrate fadeIn() with different parameters.</p>
  19. <button>Click to fade in boxes</button>
  20. <br><br>
  21. <div id="div1" style="width:80px;height:80px;display:none;background-color:red;"></div><br>
  22. <div id="div2" style="width:80px;height:80px;display:none;background-color:green;"></div><br>
  23. <div id="div3" style="width:80px;height:80px;display:none;background-color:blue;"></div>
  24.  
  25. </body>
  26. </html>
  27.  
  28. //javascript/8006

回复 "jQuery fadein方法实现渐出效果"

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

captcha

贴代码片段 - Code666