loading.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：如果你想自定义图片，使用该选项。