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

Bower安装

bower install fakeloader

使用方法

标签中引入fakeLoader.css文件。

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

基本使用方法:

$("#fakeloader").fakeLoader();

带参数调用:

$("#fakeloader").fakeLoader({

timeToHide:1200, //Time in milliseconds for fakeLoader disappear

zIndex:999, // Default zIndex

spinner:"spinner1",//Options: 'spinner1', 'spinner2', 'spinner3', 'spinner4', 'spinner5', 'spinner6', 'spinner7'

bgColor:"#2ecc71", //Hex, RGB or RGBA colors

imagePath:"yourPath/customizedImage.gif" //If you want can you insert your custom image

});

可用参数

timeToHidenumbers:fakeLoader消失的时间,单位毫秒。

zIndex:默认的zIndex。

spinner:可选的spinner:'spinner1', 'spinner2', 'spinner3', 'spinner4', 'spinner5', 'spinner6', 'spinner7'。

bgColor:全屏遮罩的背景颜色。可以是hex、RGB 或 RGBA 颜色值。

imagePath:如果你想自定义图片,使用该选项。

好看的html登录遮罩提示加载中,jQuery炫酷页面预加载Loading特效插件相关推荐

  1. jsp预加载转圈_30种CSS3炫酷页面预加载loading动画特效(推荐)

    这是一组效果非常炫酷的CSS3页面预加载loading动画特效.该特效共有30种不同的loading效果.所有的加载动画都是使用CSS3来完成,jQuery代码只是用于隐藏加载动画.当你点击页面的任何 ...

  2. android listview预加载动画,Android开发Activity页面预加载

    概述 某些业务场景下,为了提高用户体验,我们可能需要在前一个页面就将下一个页面的数据准备好,减少用户后续操作的时间.因为Activity在设计上采用了低耦合,高度的隔离使得传统的预加载Activity ...

  3. 页面预加载loading动画,再载入内容

    默认情况下如果网站请求速度慢,所以会有一段时间的空白页面等等,用户体验效果不好,见到很多的页面都有预加载的效果,加载之前先加载一个动画,后台进程继续加载页面内容,当页面内容加载完之后再退出动画显示内容 ...

  4. 纯web项目不能使用mui.preload进行页面预加载的解决办法

    首先: 纯web项目不能使用mui.preload进行页面预加载的, 比如[基于微信的web项目](http://ask.dcloud.net.cn/question/20644) 怎么办呢? 自己写 ...

  5. FragmentPagerAdapter加载fragment并使用setUserVisibleHint()处理预加载时遇到的坑,给textview赋值时出现的空指针异常...

    FragmentPagerAdapter加载fragment并使用setUserVisibleHint()处理预加载时,给textview赋值时出现的空指针异常 public class BaseFr ...

  6. Jquery背景图片的预加载

    Jquery背景图片的预加载 //定义预加载图片列表的函数(有参数)  jQuery.preloadImages = function(){   //遍历图片   for(var i = 0; i&l ...

  7. 小程序性能优化之页面预加载方案——让你的小程序运行如飞 进阶篇

    小程序性能优化之页面预加载方案 进阶篇 转载请注明出处:https://blog.csdn.net/sinat_27612147/article/details/80798452 写在前面 预加载方案 ...

  8. vue网页预加载页面_页面预加载效果

    vue网页预加载页面 View demo 查看演示Download Source 下载源 Today we want to show you how to create a very simple p ...

  9. html5 loading游戏,12种炫酷html5 svg加载loading动画特效

    12种炫酷html5 svg加载loading动画特效 刘振兴 代码分享 2015年11月23日 14182 3条评论 这是一款使用HTML5 SVG技术制作的12种炫酷html5 svg加载load ...

最新文章

  1. Javascript创建select 以及获取select的值、文本;获取radio,check的值
  2. 《Python 3程序开发指南(第2版•修订版)》——1.2 Python的关键要素
  3. Block Token 原理分析
  4. 差分约束系统【模板】
  5. [问题记录] cl-api 在 CCL 中生成的文档无内容
  6. 历史为什么丑化隋朝_隋朝于中国历史,到底处于什么样的地位,为何它一直被低估...
  7. 【PAT乙级】1027 打印沙漏 (20 分)
  8. STM32开发 -- cannot open source input file absacc.h 解决方法
  9. 设计模式之间的关联关系和对比
  10. mysql修改最大文件数_mysql更改最大打開文件數
  11. PostMan Pre-request Script 生成api签名
  12. OpenSSL SSL_connect: Connection was reset in connection to github.com:443
  13. Made in 大产品——技术商业盛典
  14. 利用java打印出金字塔原理_《金字塔原理》的读后感作文2500字
  15. web-登陆界面html-数据库
  16. MATLAB插值函数_akala啦_新浪博客
  17. 人物-IT-张朝阳:张朝阳
  18. linux下twm切换gn,如何让vnc控制由默认的twm界面改为gnome?
  19. 罗马数字转整数(C++)
  20. PHP 中 GD库(以及Jpgraph库) 的配置和使用。(满屏荒唐言,一把辛酸泪)

热门文章

  1. 合并百度影音的离线数据 with python 2.2 bdv格式的更新
  2. 脚本语言与非脚本语言
  3. Web前端发展方向有哪些?可以做什么岗位?
  4. Libuv源码解析 - uv_run
  5. router-全局前置守卫-beforeEach
  6. java反编译命令jad,java反编译小工具jad常用命令
  7. 缺陷与出路——一个游戏开发者的反思
  8. 缺陷与出路——一个游戏开发者的反思(转)
  9. IDEA+SpringBoot+Maven 引入三方Jar包
  10. 德玛西亚之WorkFlow(六)用户与用户组