fakeLoader.js可以帮助我们创建一个全屏的加载过渡动画,当页面加载时,显示加载动画,当页面加载完成后动画消失并立即显示页面内容。本文使用fakeLoader演示了8种不同的加载动画效果。
0、请不要问“在不在”之类的问题,有问题直接问!1、学生或暂时没有工作的童鞋,整站资源免费下载!2、¥9.9充值终身VIP会员,加我微信,826096331 拉你进VIP群学习!3、程序员加油,技术改变世界。在线 充值
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 | 自定义过渡动画图片 | - |
友情提示:垃圾评论一律封号 加我微信:826096331拉你进VIP群学习群