jQuery主体淡入

Question

我在思考如何在页面刷新时创建body淡入效果？您可以在saporiexports.com上看到示例。这种jQuery效果会对页面性能产生多大影响？

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

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

在HTML中，<div id="preloader"></div>是一个

元素，但我认为它可能是某种重新加载器。但是，在这个页面上并不需要它（也许我错了）。

当然，你可以做类似这样的事情 -

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

});

它可以工作，但我认为这不是正确的做法。

编辑 现在我看到他们使用覆盖层div来管理那个效果。

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

- Kaspars Milbergs

Answer 1

那个网站所做的是在整个页面上放置一个覆盖层并将其淡化。我认为这并不重要，您可以测试两种方法以查看哪种更快。

- Ruan Mendes

Answer 2

在我看来，这似乎是创建该效果的好方法。性能并不会受到影响。它只是隐藏了主体，然后再次显示。只需要一个轻量级进程。

问候，

XpertEase

- Chris Laarman