fakeLoader.js可以帮助我们创建一个全屏的加载过渡动画,当页面加载时,显示加载动画,当页面加载完成后动画消失并立即显示页面内容。本文使用fakeLoader演示了8种不同的加载动画效果。
淘建站为您提供更多_其它特效_动画效果_加载_spinner,在此特别感谢您对我们的支持与厚爱!
演示不了,点击反馈
下载 105 次
觉得不错,可打赏下作者
免费共享
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 | 自定义过渡动画图片 | - |

