Loading screen

by DJS Baker

HTML

<div id="load-screen"></div>
<p>Content</p>

CSS

body { background-color: #000; color: #FFF }

#load-screen {
    width: 100%;
    height: 100%;
    background: url("http://www.dreamwarpsociety.com.au/assets/loading-c1df1e1ae4d1414083f7372685484945.gif") no-repeat center center #fff;
    position: fixed;
    opacity: 0.7;
}

JavaScript

$(window).load(function(){
    $('#load-screen').delay(1000).fadeOut(function(){$(this).remove()});
});