jquery实现loading蒙版加载

最新推荐文章于 2020-06-10 22:08:14 发布

流浪猫走失了

最新推荐文章于 2020-06-10 22:08:14 发布

阅读量2.2k

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/u012491783/article/details/81335655

版权

前端专栏收录该内容

15 篇文章 2 订阅

订阅专栏

html：<div id="scbackground" class="background" style="display: none; "></div>

css:(loading-new.gif是加载的动态图，可以在网上找)

<style type="text/css">
.background { 
    display: block; 
    width: 100%; 
    height: 100%; 
    opacity: 0.4; 
    filter: alpha(opacity=40); 
    background:while; 
    position: absolute; 
    top: 0; 
    left: 0; 
    z-index: 2000; 
} 
.background { 
    background: white url(../img/loading-new.gif) no-repeat center; 
    
} 
</style>

js:

var bg = $("#scbackground");

bg.show();

回调函数中：bg.hide();

参考：https://www.cnblogs.com/conswin/p/7251341.html