loader

by Joe Young

HTML

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id="loader">Hi</div>
<button>Hi</button>

CSS

#loader {
      width: 100%;
      height: 100%;
      background-color: blue;
      margin: 0;
}

JavaScript

$(window).load(function() {      //Do the code in the {}s when the window
                                 //has loaded 
 // $( "button" ).click(function() {  
  $("#loader").fadeOut("fast");  //Fade out the #loader div
});