//页面加载时的 Loading 效果 $(window).load(function () { window.setTimeout(function () { $(‘body‘).removeClass(‘loading‘); }, 1000); });
上面的JS部分：
HTML 部分
<body class="loading">
<div class="main">
</div>
</body>
css
.loading{background:url(../images/loading.gif) 50% no-repeat;} .loading .main{opacity:0; opacity:0;}
原文：http://www.cnblogs.com/yjhua/p/4729143.html