好看的html登录遮罩提示加载中,jQuery炫酷页面预加载Loading特效插件
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特效插件相关推荐
- jsp预加载转圈_30种CSS3炫酷页面预加载loading动画特效(推荐)
这是一组效果非常炫酷的CSS3页面预加载loading动画特效.该特效共有30种不同的loading效果.所有的加载动画都是使用CSS3来完成,jQuery代码只是用于隐藏加载动画.当你点击页面的任何 ...
- android listview预加载动画,Android开发Activity页面预加载
概述 某些业务场景下,为了提高用户体验,我们可能需要在前一个页面就将下一个页面的数据准备好,减少用户后续操作的时间.因为Activity在设计上采用了低耦合,高度的隔离使得传统的预加载Activity ...
- 页面预加载loading动画,再载入内容
默认情况下如果网站请求速度慢,所以会有一段时间的空白页面等等,用户体验效果不好,见到很多的页面都有预加载的效果,加载之前先加载一个动画,后台进程继续加载页面内容,当页面内容加载完之后再退出动画显示内容 ...
- 纯web项目不能使用mui.preload进行页面预加载的解决办法
首先: 纯web项目不能使用mui.preload进行页面预加载的, 比如[基于微信的web项目](http://ask.dcloud.net.cn/question/20644) 怎么办呢? 自己写 ...
- FragmentPagerAdapter加载fragment并使用setUserVisibleHint()处理预加载时遇到的坑,给textview赋值时出现的空指针异常...
FragmentPagerAdapter加载fragment并使用setUserVisibleHint()处理预加载时,给textview赋值时出现的空指针异常 public class BaseFr ...
- Jquery背景图片的预加载
Jquery背景图片的预加载 //定义预加载图片列表的函数(有参数) jQuery.preloadImages = function(){ //遍历图片 for(var i = 0; i&l ...
- 小程序性能优化之页面预加载方案——让你的小程序运行如飞 进阶篇
小程序性能优化之页面预加载方案 进阶篇 转载请注明出处:https://blog.csdn.net/sinat_27612147/article/details/80798452 写在前面 预加载方案 ...
- vue网页预加载页面_页面预加载效果
vue网页预加载页面 View demo 查看演示Download Source 下载源 Today we want to show you how to create a very simple p ...
- html5 loading游戏,12种炫酷html5 svg加载loading动画特效
12种炫酷html5 svg加载loading动画特效 刘振兴 代码分享 2015年11月23日 14182 3条评论 这是一款使用HTML5 SVG技术制作的12种炫酷html5 svg加载load ...
最新文章
- Javascript创建select 以及获取select的值、文本;获取radio,check的值
- 《Python 3程序开发指南(第2版•修订版)》——1.2 Python的关键要素
- Block Token 原理分析
- 差分约束系统【模板】
- [问题记录] cl-api 在 CCL 中生成的文档无内容
- 历史为什么丑化隋朝_隋朝于中国历史,到底处于什么样的地位,为何它一直被低估...
- 【PAT乙级】1027 打印沙漏 (20 分)
- STM32开发 -- cannot open source input file absacc.h 解决方法
- 设计模式之间的关联关系和对比
- mysql修改最大文件数_mysql更改最大打開文件數
- PostMan Pre-request Script 生成api签名
- OpenSSL SSL_connect: Connection was reset in connection to github.com:443
- Made in 大产品——技术商业盛典
- 利用java打印出金字塔原理_《金字塔原理》的读后感作文2500字
- web-登陆界面html-数据库
- MATLAB插值函数_akala啦_新浪博客
- 人物-IT-张朝阳:张朝阳
- linux下twm切换gn,如何让vnc控制由默认的twm界面改为gnome?
- 罗马数字转整数(C++)
- PHP 中 GD库(以及Jpgraph库) 的配置和使用。(满屏荒唐言,一把辛酸泪)