最近在写项目的时候,因为数据库和项目的原因,导致首页进入过慢,如果用户网络差点的话进入的首页就直接白屏了,所有在进入首页的时候加入了一个正在加载中的gif图,当数据加载完成后隐藏这个图片,个人觉得还挺好玩的,记录一下
先引入该js文件
<script src="https://cdn.jsdelivr.net/npm/gasparesganga-jquery-loading-overlay@2.1.6/dist/loadingoverlay.min.js"></script>
显示
$.LoadingOverlay("show",{background:"rgba(0, 0, 0, 0.2)",imageResizeFactor:0.5,imageColor: "white"});
页面加载完成后隐藏
$.LoadingOverlay("hide");
最后的样式类似于这样