我目前正在使用此脚本来淡化页面转换：
$(document).ready(function() {
$(window).bind("unload",function() {});
$("body").css("display","none");
$("body").hide();
$("body").fadeIn(2000);
$('a.fade1,a.fade2,a.fade3,a.fade4').click(function(event) {
event.preventDefault();
linkLocation = this.href;
$("body").fadeOut(700,redirectPage);
});
function redirectPage() {
window.location = linkLocation;
}
});
当内容在缓存中是alredy时,这样做就像一个魅力,但是当一个图像需要加载时,它将会瞬间出现,然后被隐藏并褪色
所以我需要的是一种方法来隐藏内容,直到它被完全加载,只有在它被褪色之后
希望有人可以帮助我,提前谢谢
解决方法
使用CSS默认隐藏元素,然后在你喜欢的时候显示它.
CSS
body {
display: none;
}
jQuery的
$(window).load(function() {
// When the page has loaded
$("body").fadeIn(2000);
});
The load event is sent to an element when it and all sub-elements have
been completely loaded.
你也可以考虑用一个类替换你的“fadeX”类,像“fade”
