抱歉,您的浏览器无法访问本站
本页面需要浏览器支持(启用)JavaScript
了解详情 >

使用fakeLoader创建页面加载动画

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

使用方法

HTML
在下添加

 
  1. class="fakeloader">

在标签中引入fakeLoader.css文件

 
  1. "stylesheet" href="yourPath/fakeLoader.css">

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

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

参数调用

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

说明

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

1 评论

既然来了就吐个槽吧

撰写评论~

单词 qagden8t第七个字符是什么?
  1. Avatar
    102X网 网友

    感谢楼主分享

Music Icon🎵 未加载歌曲
00:00
00:00
暂无歌词
Power by 疯狂老司机