页面加载时的 Loading 效果 

//页面加载时的 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;}

 

posted @ 2015-08-14 09:59  328201736  阅读(468)  评论(0)  编辑  收藏  举报