没有必要为此使用Ajax。只需将页面的wrapper div显示为none即可。然后在文档加载时将其更改为阻止。
你的代码可能看起来像这样,使用vanilla javascript:
function preloader() {
document.getElementById("preloader").style.display = "none";
document.getElementById("container").style.display = "block";
}
window.onload = preloader;
div#wrapper {
display: none;
}
div#preloader {
top: 0; right: 10px;
position:absolute;
z-index:1000;
width: 132px; height: 38px;
background: url(path/to/preloaderBg.png) no-repeat;
cursor: wait;
text-shadow: 0px 1px 0px #fefefe; //webkit
}
更新,在jQuery中:
// Use $(window).load(fn) if you need to load "all" page content including images, frames, etc.
$(document).ready(function(){
$("#preloader").hide();
$("#container").show();
});
相关文件:活动/ ready,活动/ load,CSS / css&核心/ $