Hide page background by fade in body - Javascript jQuery Method and Property

Javascript examples for jQuery Method and Property:fadeOut

  1. HOME
  2. Javascript
  3. jQuery Method and Property
  4. fadeOut

Description

Hide page background by fade in body

Demo Code

ResultView the demo in separate window 

<html>
   <head></head>
   <body> 
      <style>

body{//from www. jav a2 s  . c o  m
   background: green;
   display: none;
}


      </style> 
      <div id="lotsandlotsofstuff">
         [...]
      </div> 
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
      <script>
        $('document').ready(function(){
            $('body').fadeIn();
        });
        
      </script>  
   </body>
</html>

Related Tutorials