您的位置:首页 > Web前端 > JavaScript

js实现等待加载“转圈圈”效果

2018-03-08 16:04 796 查看
完美实现加载转圈圈效果:js代码:                    function showLoading(show){if(show){
   document.getElementById("over").style.display = "block";
   document.getElementById("layout").style.display = "block";
}else{
document.getElementById("over").style.display = "none";
   document.getElementById("layout").style.display = "none";
}
}样式:.overLoading {
            display: none;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: #f5f5f5;
            opacity:0.5;
            z-index: 1000;
       }
    .layoutLoading {
        display: none;
        position: absolute;
        top: 40%;
        left: 40%;
        width: 20%;
        height: 20%;
        z-index: 1001;
        text-align:center;
    }
html:<div id="over" class="overLoading"></div>
<div id="layout" class="layoutLoading"><img src="${base}/resources/admin/images/loading.gif" /></div>
看懂了吗?还缺少一张图!附件下载
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  my