Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
jQuery主体淡入_Jquery_Fadein - Fatal编程技术网

jQuery主体淡入

jQuery主体淡入,jquery,fadein,Jquery,Fadein,我想知道当页面刷新时如何创建主体淡入?您可以在-,看到示例。这种jQuery效果对页面性能有多大影响 我在那个页面上发现的唯一一件可能与这种效果有关的事情是 //PRELOAD SITE $(window).load(function(){ $('#preloader').fadeOut('slow',function(){$(this).remove();}); }); 而不是HTML中的div,但我认为这是某种重载。但在这一页中没有必要这样做(也许我错了) 你当然可以这样做- $

我想知道当页面刷新时如何创建主体淡入?您可以在-,看到示例。这种jQuery效果对页面性能有多大影响

我在那个页面上发现的唯一一件可能与这种效果有关的事情是

//PRELOAD SITE
$(window).load(function(){ 
    $('#preloader').fadeOut('slow',function(){$(this).remove();});
});
而不是HTML中的div,但我认为这是某种重载。但在这一页中没有必要这样做(也许我错了)

你当然可以这样做-

$(function() {
$('body').hide().fadeIn('slow');

});
这是可行的,但我不认为这是正确的方法

编辑 现在我看到他们使用overlay div来管理这种效果

div#preloader {
    background: url("../workimage/ajax-loader.gif") no-repeat scroll center center #000000;
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 999;
}

我觉得这是一个很好的方法来创造这种效果。性能实际上并不受此影响。它只是隐藏身体,然后再次显示。只是一个光照过程

格里茨


XpertEase

该网站所做的是在整个页面上添加一个覆盖层并将其淡出。我认为这并不重要,您可以测试这两种方法,看看哪种更快