这里只是一个思路,具体的我没试过,所以我不清楚是否能满足你的需求
首先做一个div,将整个页面罩起来,给个id叫cover
.cover {
position:absolute;
left:0;
right:0;
top:0;
bottom:0;
z-index:999999999;
}
当然啦,你也可以在这个div里面放一段字,活着一张loading的gif也可以,但是这里的图片不要太大,不然加载也很慢
然后写一段js
window.onload = function(){
var i = document.getElementsByTagName("img"), len = i.length, loaded = 0;
for(var j=0;ji[j].onload = (function(){
loaded ++;
if(loaded == len){
return document.getElementById("cover").style.display = 'none';
}
})(j);
}
}
意思就是等所有图片都加载完成后再把cover隐藏掉