Блог

Главная - Вопросы по программированию - Jquery загружает сообщение, а затем отображает сайт

Jquery загружает сообщение, а затем отображает сайт

#jquery #html #css

#jquery #HTML #css

Вопрос:

Я знаю, что существует множество плагинов / скриптов, которые будут предварительно загружать сайт при отображении изображения или сообщения, но я хочу продлить время на x дольше. Другими словами, я хочу отобразить сообщение «Это сообщение», и пока это не сделано, я хочу, чтобы сайт полностью загрузился, а затем подождал x секунд, прежде чем это сообщение исчезнет и исчезнет в остальной части сайта. Возможно ли это?

Ответ №1:

Если вы установите opacity для страницы значение 0, браузер все равно будет отображать все. Затем on .ready() затухает. Пример:

HTML:

 <div id="content">this is the site</div>
<div id="message">this is the message</div>

CSS:

 #message{
    position:absolute;
    top:10px;  
}
#content{
    opacity:0;
    filter: alpha(opacity=0);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

JS:

 $(function(){
    $('#content').delay(1000).fadeTo(500, 1);
    $('#message').delay(1000).fadeOut(500, function() {
        $(this).remove();
    });
});

jsFiddle:
http://jsfiddle.net/9kM7p/