Как сделать правильную загрузку?

Question

[Ivan_Worker]

Здравствуйте!
Я не знаю как сделать что бы при полной загрузке сайта(моего) был чёрный экран. Он в это время должен изменять прозрачность. В конце его надо удалить и после появляется главная страница.

Answer 1

[nvdfxx]

$(window).on('load', function() {
    $('.preloader').fadeOut(500)
});

.preloader - черный блок поверх страницы

Comments

[Ivan_Worker]

Это команда убирает весь блок?

[Stalker_RED]

Ivan_Worker, api.jquery.com/fadeout

[Ivan_Worker]

.zakrit{
font-size:500px ;
background: black;
color: black;
padding: 10px;
max-width:all;
border: 4px ridge black;
cursor: pointer;
transition: 3s linear;
}
.zakrit:hover {
opacity: .1;
}
ЭТО CSS

jQuery(document).ready(function(){
$(window).on('load', function() {
$('.zakrit').fadeOut(4000)
});
}
ЭТО JS

И У МЕНЯ НЕ РАБОТАЕТ(НЕ УДАЛЯЕТСЯ)

[Никита Егоров]

Ivan_Worker, jquery подключили?

[siarheisiarhei]

www.jqueryscript.net/plus/search.php?kwtype=0&keyword=preloader