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>

 

转载于:https://www.cnblogs.com/codekey/p/4588485.html