使用fakeLoader创建页面加载动画
围观: 123   讨论: 0

  使用fakeLoader创建页面加载动画 [复制链接]

fakeLoader.js是一款轻量级的 jQuery 炫酷页面预加载Loading特效插件.
它能帮助我们创建一个全屏遮罩效果的旋转loading效果来模拟页面预加载过程.

使用方法

HTML
在下添加

  1. <div class="fakeloader"></div>

在标签中引入fakeLoader.css文件

  1. <link rel="stylesheet" href="yourPath/fakeLoader.css">

在页面底部引入jQuery和fakeLoader.min.js文件

  1. <script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js">
  2. <script src="yourPath/fakeLoader.min.js">

参数调用

  1. <script type="text/javascript">
  2. $("#fakeloader").fakeLoader({
  3. timeToHide:1200,
  4. zIndex:999,
  5. spinner:"spinner1",
  6. bgColor:"#2ecc71",
  7. imagePath:"yourPath/customizedImage.gif",
  8. });
  9. </script>

说明

1. timeToHidenumbers:fakeLoader消失的时间,单位毫秒.
2. zIndex:默认的zIndex.
3. spinner:可选的spinner:'spinner1', 'spinner2', 'pinner3', 'spinner4', 'spinner5', 'spinner6', 'spinner7'.
4. bgColor:全屏遮罩的背景颜色。可以是hex、RGB 或 RGBA 颜色值
5. imagePath:如果你想自定义图片,使用该选项

下载地址

FakeLoader
下载来源于:Github
本文标签: 加载 动画
本文链接: https://crazyus.us/loadings.html
站长声明: 请尊重版权,转载注明出处,谢谢配合!
[查询收录]

既然来了就留个言吧

发表评论

取消 请打勾哦

手机版|Sitemap

网站已存活运行:271 天 , 执行: 2.43毫秒

Powered By Emlog

© 2017~2018 疯狂老司机™ 本模板还在开发阶段