开源地址:https://github.com/joaopereirawd/fakeLoader.js
加载动画展示:
使用教程:
引入css和js
fakeLoader.min.js必须放在jq之后
<link rel="stylesheet" href="yourPath/fakeLoader.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"> <script src="yourPath/fakeLoader.min.js">
body标签后加入
<div id=”fakeLoader”></div>
调用:
方式1:
<script type="text/javascript"> $("#fakeloader").fakeLoader(); </script>
方式2:
<script type="text/javascript"> $("#fakeloader").fakeLoader({ timeToHide:1200, //关闭的时间 zIndex:999, // Default zIndex spinner:"spinner1",//加载主题(内置7种动画): 'spinner1', 'spinner2', 'spinner3', 'spinner4', 'spinner5', 'spinner6', 'spinner7' bgColor:"#2ecc71", //Hex, RGB or RGBA colors imagePath:"yourPath/customizedImage.gif" //也可以加入gif加载图片 </script>
原文链接:https://www.cnblogs.com/codekey/p/4588485.html
本文来源 爱码网,其版权均为 原网址 所有 与本站无关,文章内容系作者个人观点,不代表 本站 对观点赞同或支持。如需转载,请注明文章来源。
© 版权声明
文章版权归作者所有,未经允许请勿转载。