使用
document.onreadystatechange方法
判断
页面加载是否完成。
document.onreadystatechange = function(){
if(document.readyState=="complete")
{
document.getElementById('none').style.display="none"
}
}
<!--预加载动画-->
<div class="loading" id="none">
<span class='load'>正在加载...</span>
</div>
<!--预加载css->
.loading{
background: #000;
height: 100%;
width: 100%;
position: relative;
top: 0px;
left: 0px;
color: #fff;
text-align: center;
}
.load{padding-top:50%;
display: block;
}