fakeLoader.js可以帮助我们创建一个全屏的加载过渡动画,当页面加载时,显示加载动画,当页面加载完成后动画消失并立即显示页面内容。本文使用fakeLoader演示了8种不同的加载动画效果。
HTML
<div id="fakeLoader"></div>
引入jQuery和fakeLoader相关组件
<link rel="stylesheet" href="css/fakeLoader.css">
<script src="js/jquery.js"></script>
<script src="js/fakeLoader.min.js"></script>
调用fakeloader页面加载插件
$("#fakeloader").fakeLoader();
参数 | 描述 | 默认值 |
timeToHide | 过渡加载动画时间,毫秒 | 1200 |
spinner | 动画效果,有7个值可选: 'spinner1', 'spinner2', 'spinner3', 'spinner4', 'spinner5', 'spinner6', 'spinner7' | spinner1 |
bgColor | 过渡遮罩层背景色 | #2ecc71 |
imagePath | 自定义过渡动画图片 | - |
系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791