Question

我想知道当页面刷新时如何创建身体淡入淡出？您可以在 - saporiexports.com查看示例。这种jQuery效果对页面性能有多大影响？

我在该页面上发现的唯一可能与该效果相关的是

//PRELOAD SITE
$(window).load(function(){ 
    $('#preloader').fadeOut('slow',function(){$(this).remove();});
});

而不是HTML <div id="preloader"></div>中的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;
}

Answer 1

该网站所做的是在整个页面上叠加并淡出。我认为这不重要，你可以测试两种方法，看看哪个更快

Answer 2

似乎是我创造这种效果的好方法。性能并未受此影响。它只是隐藏身体，然后再显示它。只是一个简单的过程。

格尔茨，

XpertEase

jQuery正文淡入

2 个答案: