淡入与淡出元素 | 码农工具

​x
 
<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
    <title>my web</title>
    <script src="https://cdn.staticfile.org/jquery/2.0.0/jquery.min.js"></script>
      <script>
        $(document).ready(function(){
          $("button").click(function(){
            $("div").fadeIn();
          });
        });
      </script>
    </head>
    <body>
      <button>click me</button>
    <div id="div1" style="background-color:azure;width:100px;height:100px;"></div>
      <div id="div2" style="background-color:pink;width:200px;height:100px"></div>
      
    </body>
</html>
HTML