页面加载代码

院长技术

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

3K0

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

在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;
    }

本文参与?腾讯云自媒体分享计划，分享自作者个人站点/博客。

如有侵权请联系 cloudcommunity@tencent.com 删除

php