jquery.Loading

所属分类:UI-加载

 68136  436  查看评论 (33)
分享到微信朋友圈
X
jquery.Loading ie兼容10

8种fakeloader页面加载效果代码,支持7种效果和自定义图片,兼容主流浏览器!


使用方法:

1、body中插入以下html代码

<div id="fakeLoader"></div>

2、head标签里嵌入

<link rel="stylesheet" href="css/fakeloader.css">

3、引入js库

<script src="js/jquery.min.js">
<script src="js/fakeloader.min.js">

4 调用fakeloader

<script type="text/javascript">
    $(".fakeloader").fakeLoader();
</script>

5 选项解释

$(".fakeloader").fakeLoader({
    timeToHide:1200, //加载效果的持续时间
    zIndex:"999",//
    spinner:"spinner1",//可选值 'spinner1', 'spinner2', 'spinner3', 'spinner4', 'spinner5', 'spinner6', 'spinner7' 对应有7种效果
    bgColor:"#2ecc71", //加载时的背景颜色
    imagePath:"yourPath/customizedImage.gif" //自定义的加载图片,见demo8.html
});


相关插件-加载

jQuery顶部加载动画插件loadBar.js

loadBar是一个轻量级的(最小2KB)jQuery插件,当加载内容时,页面顶部显示一个漂亮的动画条。
  加载
 29917  364
  加载
 37061  365

jQuery 圆型进度条

jQuery canva圆型进度条,可通参数快速修改进度条
  加载
 35703  339

jquery 实现流程进度显示

基于jQuery实现的流程进度显示,可应用于网络订单状态查看,用户注册状态查看等
  加载
 71991  591

讨论这个项目(33)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    橡皮擦 0
    2021/4/3 2:02:02
    Uncaught TypeError: a.indexOf is not a function
    出现错误
        LynXx0
        2022/9/27 14:50:23
        引用 的jquery版本高了。和demo一样,引用jquery-1.11.1🌹
    回复
    橡皮擦 0
    2021/4/3 2:01:53
    Uncaught TypeError: a.indexOf is not a function
    出现错误 回复
    zgj2313 0
    2019/6/14 13:19:20
    定时 不符合设计逻辑!!! 回复
    Z1hgq 0
    2018/8/30 13:40:10
    784852036 0
    2018/7/24 11:46:24
    Col 0
    2018/5/16 14:22:51
    666666666666666666666666666 回复
    尹彦 0
    2018/5/7 11:31:50
    这个按定时取消的太扯了,加载完不能关算怎么回事啊
    回复
    wt.f 0
    2018/4/5 23:24:19
    玲玲爱hubby 0
    2018/3/14 16:45:50
       是我是我是我不是他 0
    2018/2/7 11:24:07
    有时间限制这个不太科学
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复