fakeLoader.js - 一个轻量级的jQuery插件，用于创建一个全屏加载蒙层动画效果，模拟页面预加载的过程。
  • 分享到微信朋友圈
    X
立即下载 查看演示

什么是fakeLoader.js

fakeLoader.js是一个轻量级的jQuery插件，用于创建一个全屏加载蒙层动画效果，模拟页面预加载的过程。 请查看演示： http://joaopereirawd.github.io/fakeLoader.js/

安装

引入CSS

<link rel="stylesheet" href="../node_modules/dist/fakeLoader.min.css" />

引入JavaScript依赖库

<script src="jquery/3.3.1/jquery.min.js"></script>
<script src="../node_modules/dist/fakeLoader.min.js"></script>

在HTML文档中添加fakeLoader占位符

<div class="fakeLoader">
</div>

基本初始化

<script>
    $.fakeLoader();
</script>

配置选项

  • timeToHide //消失时间（毫秒）

  • spinner //'spinner1', 'spinner2', 'spinner3', 'spinner4', 'spinner5', 'spinner6', 'spinner7'

  • bgColor //十六进制、RGB或RGBA颜色