Page loader jquery

<style>
.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('../images/loading.gif') 50% 50% no-repeat black;
}
</style>





<body>

<div class="loader">
</div>

<script type="text/javascript" src="js/jquery.min.js"></script>

 <script src="js/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
    $(window).load(function () {
        $(".loader").fadeOut("slow");
    })
</script>


</body>

Comments