preloader

preloader

.loader {
  background: none repeat scroll 0 0 #ffffff;
  bottom: 0;
  height: 100%;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 9999;
}
 .loader_inner {
    background-image: url("../img/preloader.gif");
    background-size: cover;
    background-repeat: no-repeat;
    background-posirion: center center;
    background-color: #fff;
    height: 256px;
    width: 256px;
    /*margin-top: -100px;
   // margin-left: -100px;*/
    left: 40%;
    top: 30%;
    position: absolute; 
}
$(window).load(function() {

	$(".loader_inner").fadeOut();
	$(".loader").delay(400).fadeOut("slow");

	//	$(".top_text h1").animated("fadeInDown", "fadeOutUp");
	//$(".top_text p").animated("fadeInUp", "fadeOutDown");

}); 
<div class="loader">
            <div class="loader_inner"></div>
        </div>