HTML页面加载loading

开源地址：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>