不多说，先看代码！
html：
<body>
<!--遮盖层-->
<div class="loading" id="loading">
<div class="loadcen">
加载动画区域
</div>
</div>
</body>css：
/*加载缓存界面*/
.loading{
position: fixed;
width:100%;
height:100%;
background-color: rgb(255,255,255);
display:inline;
z-index:9999;
}
.loadcen {
margin-left:50%;
left:-150px;
margin-top:20%;
}关于加载动画css参考
http://www.cnblogs.com/lhb25/p/loading-spinners-animated-with-css3.html
js：
//界面加载
setTimeout(function () {
document.getElementById("loading").style.display = 'none';
}, 500);我的UI效果
如有疑问请留言，或留下联系方式：qq、微信
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
