zoukankan      html  css  js  c++  java
  • 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>
  • 相关阅读:
    day89
    day88
    day87
    day86
    day85
    day84
    day83
    Maven仓库汇总
    [转载]AngularJS入门教程04:双向绑定
    [转载]AngularJS入门教程03:迭代器
  • 原文地址:https://www.cnblogs.com/codekey/p/4588485.html
Copyright © 2011-2022 走看看