jquery,隐藏内容直到加载

前端之家收集整理的这篇文章主要介绍了jquery,隐藏内容直到加载前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我目前正在使用此脚本来淡化页面转换:
$(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.

load event.

你也可以考虑用一个类替换你的“fadeX”类,像“fade”

猜你在找的jQuery相关文章