jQuery预加载器显示和淡出

时间:2019-03-17 17:25:49

标签: javascript jquery preloader

我有一个预加载器

 <div id="overlay">
 <div class="preloader">
        <div>R</div>
        <div>E</div>
        <div>D</div>
        <div>A</div>
        <div>O</div>
        <div>L</div>
        <div>E</div> 
        <div>R</div>
        <div>P</div>
    </div>
    </div>

我对此有一个CSS,这是一个很大的文件。我的问题是我的jQuery无法正确加载它,它仅在左上角加载它,而我对此并不陌生,所以我不太了解jQuery。

 <script>
    var overlay = document.getElementById("overlay");

    window.addEventListener('preloader', function () {
        overlay.style.display = 'none';
    });
</script>

1 个答案:

答案 0 :(得分:1)

使用此:

window.addEventListener('load', function () {
    overlay.style.display = 'none';
});