html 将预加载器添加到Divi网站

Posted 2021-05-10

/* PRELOADER */ 
.preloader {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #fefefe;
z-index: 100000;
height: 100%;
width: 100%;
overflow: hidden !important;
}
.preloader .status {
width: 100px;
height: 100px;
position: absolute;
left: 50%;
top: 50%;
background-image: url(assets/img/loading.gif);
background-repeat: no-repeat;
background-position: center;
-webkit-background-size: cover;
background-size: cover;
margin: -50px 0 0 -50px;
}

<script type="text/javascript">
 // makes sure the whole site is loaded
    jQuery(window).load(function () {
        "use strict";
        // will first fade out the loading animation
 if(  jQuery( '.et-bfb' ).length <= 0 && jQuery( '.et-fb' ).length <= 0  ){ 
 jQuery(".status").fadeOut();
 // will fade out the whole DIV that covers the website.
 jQuery(".preloader").delay(1000).fadeOut("slow");
 }else{
 jQuery(".preloader").css('display','none');
 }
    }); 
</script> 

<div class="preloader">
<div class="status"></div>
</div>