(function($){
/*-------------------------------*
* 页面加载时动画,加载完后隐藏动画
--------------------------------*/
$(window).load(function(){
$('#status').fadeOut();
$('#preloader').delay(300).fadeOut('slow');
});
$(document).ready(function(){
//code
})
})(jQuery);
HTML加载层
<!--Preloader 加载动画层-->
<div id="preloader">
<div id="status"></div>
</div>
CSS样式
/*--------------------------------------- /*
* preloader 加载动画
/*--------------------------------------- */
#preloader{
background:#ffffff;
bottom:0;
left:0;
position: fixed;
right:0;
top:0;
z-index:9999;
}
#status{
background: url(../images/preloader.gif)center center no-repeat;
height:200px;
width:200px;
left:50%;
top:50%;
margin: -100px 0 0 -100px;
position: absolute;
}