oloader使用方法

无论oloader或opageloader是基于jQuery，所以请在调用之前加载jQuery库。作者已经集成了两个插件：jquery.oloader.min.js，已打包，请标记源代码下载。

调用jQuery oloader很简单，以下是以下：

复制代码代码如下所示：

$（#元），OLoader（）；



加载的图片与oloader：

复制代码代码如下所示：

$（函数（）{（））

$（'img）。OLoader（{

WaitLoad：真的，

FadeLevel：0.9，

背景颜色：# FFF，

款式：0，

图像：'loader .gif

}）；

}）；



打开网页oloader：

复制代码代码如下所示：

$（#阿贾克斯）。OLoader（{

网址：HTML的测试，

UpdateOnComplete：假

}）；



当然，它还提供了丰富的选项和回调函数，根据具体需求设置。

复制代码代码如下所示：

{

图像：'images / /装载装载。GIF动画图片

样式：1，加载程序样式

模式：如果不显示图层蒙版，则为模式掩码。

300 / / fadeintime：，遮罩层消失率、MS

300 / fadeouttime：，对速度的遮罩层，MS

0.7 / / fadelevel：，掩模层的透明度，0-1

背景颜色：# 000 / /背景色

imagebgcolor：# FFF， / /装载机动画背景

imagepadding：10'，

showoninit： / /真正初始化加载动画显示

hideafter：0 / /时间在ms

URL：false，ajax调用参数，相同的

类型：' '，

数据：假，

updatecontent：真的，你想取代AJAX / /返回内容

UpdateOnComplete：真的，立即更换或由服务器返回的内容

showloader：真的，装载机 / /是否显示图片

效果： / /，动态效果，支持门、滑动，doornslide

wholewindow： / /当假，真的，oloader覆盖整个窗口

lockoverflow： / /假，锁体的溢出而加载

WaitLoad：假 / /加载时显示元素的内容之前

checkintervaltime： / / 100，间隔检查位置的变化

返回函数

完成：当动画内容加载结束时，结束调用

onStart： / /电话开头的动画。

错误： / /当调用Ajax请求的错误

}

opageloader使用方法

opageloader可以实现一个美丽的动画进度条加载页面，调用opageloader也非常简单，如下：

$（函数（）{（））

opageloader（）美元；

}）；

opageloader提供丰富的选项和方法调用。

{

背景颜色：# 000 / /背景色

progressbarcolor：# F00， / /进度条的颜色

3 / progressbarheight：，进度栏的高度

progressbarfadelevel：1，

showpercentage：真，

percentagecolor：# FFF，

PercentageFontSize：'30px，

背景：'body，

affectedelements：'img，iframe框架，脚本，

风格： /假，如果设置为真，你可以自定义进度条的样式

样式：0%

lockoverflow：真，

图片：{，}，附加图像的数组，如CSS文件中的图片

wholewindow：真，

FadeLevel：1，

WaitAfterEnd：0，

FadeOutTime：500，

/ /回调

完成：在动画结束时加载页面时执行false

completeload：假，当页面被加载 / /不需要结束动画的实现

更新：假

}



回调函数更新在加载页面元素时调用，并将数据数据返回到：

Data.total：那是装的元素的总数。

data.loaded：元素已经被加载。

data.percentage：百分比。

使用方法uff1a

复制代码代码如下所示：

opageloader（{美元。

更新：函数（数据）{

在这里您可以工作

/ / data.percentage

/ / data.loaded

/ / data.total

}

}）；



以上是jQuery插件oloader分享在这篇文章中的使用，希望你能喜欢它。