<!-- preloader -->
<div class="loader">
<div class="loader_inner">Пример PRELOADERа</div>
</div>
<style>
.loader {
background: #0a0a0a;
position: fixed;
bottom: 0;
left: 0;
right: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 999999999999;
}
.loader .loader_inner {
height: 100%;
width: 100%;
top:43%;
position: absolute;
/*название шрифта */
font-family: Money;
/*название шрифта*/
font-size: 72px;
font-weight: 900;
text-align: center;
color: #f13338;
}
</style>
<script>
$(window).load(function() {
$(".loader_inner").fadeIn(200).delay(2000).fadeOut(200);
$(".loader").delay(2300).fadeOut(300);
});
$(document).ready(function() {
$("a.fade").click(function(event){
event.preventDefault();
linkLocation = this.href;
$("body").fadeOut(250, redirectPage);
});
function redirectPage() {
window.location = linkLocation;
}
});
</script>
<!-- preloader -->