Loader

loader

// js
var a = $(".loader"),
    d = a.find(".anim");
d.fadeOut(), a.delay(300).fadeOut("slow");
setTimeout(function(){        
    $(".page").css("opacity",'1');
}, 500);

// html
<div class="loader">
  <div class="contpre">
    <span class="anim"></span>
  </div>
</div>

//css
.loader {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #ffffff;
    z-index: 300000;
}
.loader .anim {
    position: absolute;
    background: url(../img/loader.gif) center center no-repeat;
    width: 120px;
    height: 80px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}