页面加载代码

院长技术

发布于 2022-03-10 13:14:13

3.2K00

代码可运行

文章被收录于专栏：院长运维开发院长运维开发

运行总次数：0

代码可运行

在footer.php文件最下面添加以下内容

    院长正在为您加急渲染...
    
    
    document.onreadystatechange = function() 　　//当页面加载状态改变的时候执行function
    { 
    　　 if(document.readyState == "complete"){
                 var df = document.getElementsByClassName("Bg_Th")[0];
                 df.style.display="none";
       　 }
    }

自定义css

    /**加载界面等待**/
    .Bg_Th{
    position:fixed;
    top:0;
    bottom:0;
    height:100%;
    width:100%;
    background-color:#fff;
    transition: all .3s;
    z-index:9999;
    }
    .Bg_Img > img{
    display:block;
    position:absolute;
    transform:translate(-50%,-50%);
    top:45%;
    left:50%;
    border-radius:8px;
    box-shadow:0px 4px 8px 0px rgba(0,0,0,0.3);
    }
    .Bg_Text{
    position:relative;
    top:60%;
    text-align:center;
    font-size:1.4rem;
    letter-spacing:3px;
    z-index:9999;
    }