JQuery тело исчезает - PullRequest
       4

JQuery тело исчезает

4 голосов
/ 07 июня 2011

Мне было интересно, как создать исчезновение тела при обновлении страницы?Вы можете увидеть пример на - saporiexports.com .И насколько этот эффект jQuery влияет на производительность страницы?

Единственное, что я обнаружил на этой странице, возможно, связано с этим эффектом:

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

и чем div в 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;
}

Ответы [ 2 ]

3 голосов
/ 07 июня 2011

Что сделал этот веб-сайт, так это наложил оверлей на всю страницу и потушил его.Я не думаю, что это имеет большое значение, вы можете проверить оба подхода, чтобы увидеть, какой из них быстрее

0 голосов
/ 07 июня 2011

Похоже, хороший способ создать этот эффект мной. На производительность это не влияет. Он просто скрывает тело, а затем показывает его снова. Просто один легкий процесс.

Greetz

XpertEase

...