ol.loading是基于jquery的loading mask遮罩控件,轻量,且功能强大。
支持主流浏览器:ie6+,firefox等。
基于MIT和GPL协议下开源。
使用方法:
加载需要支持的类库:
1
2
3
|
<
script
type
=
"text/javascript"
src
=
"loading-min.js"
charset
=
"UTF-8"
></
script
>
<
script
type
=
"text/javascript"
src
=
"jquery.bgiframe.min.js"
charset
=
"UTF-8"
></
script
>
<
link
href
=
"loading.css"
type
=
"text/css"
rel
=
"stylesheet"
>
|
调用:
1
2
3
|
var
loading=
new
ol.loading({id:
"table1"
});
//初始化对象
loading.show();
//显示遮罩
loading.hide();
//隐藏遮罩
|
支持属性:
1
2
3
4
5
|
new
ol.loading({
id:
"table1"
,
//需显示遮罩对象的id
loadingClass:
null
,
//外加样式
zIndex:800
//z-index
});
|
演示地址:http://open-lib.googlecode.com/svn/trunk/ol.loading_0.1/demo.html
下载地址:http://open-lib.googlecode.com/svn/trunk/ol.loading_0.1/ol.loading.rar