English
资源说明：jQuery plugin to see loading image when you need it for user waiting.
#jQuery Loading Plugin
Show loading image in center of page or on target.
###Usage
Set plugin:
$('#example').loading(options);
View loading:
$('#example').loading('show');
Close loading:
$('#example').loading('hide');
###Options
- `image`: (path) image path of loading image;
- `imagePosition`: (string) position of image background;
- `imageRepeat`: (string) repeat of image background - repeat | no-repeat | repeat-x | repeat-y;
- `color`: (string) target background color;
- `opacity`: (number) opacity value - 0 to 1;
- `class`: (string) class for loading div;
- `fadeoutSpeed`: (string | number) speed of fade out effect - slow | fast | value in milliseconds;
- `inherit`: (bool) inherits options from a previous call;
- `show`: (bool) view loading after init.
- `zIndex`: (integer) z-index css value.
Default options:
var options = {
image: 'images/loading.gif'
, imagePosition: '50% 50%'
, imageRepeat: 'no-repeat'
, color: 'white'
, opacity: 0.8
, class: ''
, fadeoutSpeed: 'fast'
, inherit: false
, show: false
, zIndex: 999
}
###Methods
######$.loading(options);
Set loading item for document page.
######.loading('store');
Save loading options for next item.
######.loading('close');
Close loading image.
######.loading('inherit');
Inherits options from a previous call.
###Examples
Config loading.
$.loading({
image: '/assets/images/loading.gif'
, color: '#f9f9f9'
});
$.loading('store');
Show loading at content item.
$('#content').loading('show');
Close previous loading.
$('#content').loading('hide');
Show different loading at another item.
$('#login_form').loading({
image: '/assets/images/loading_2.gif'
, color: 'red'
, class: 'class_name'
, fadeoutSpeed: 0
, show: true
});
Close loading after 3 seconds.
setTimeout("$('#login_form').loading('close')", 3000);
Show different loading at another item yet (with previous options).
$('#loginForm').loading('store');
$('#registerForm').loading('show');
本源码包内暂不包含可直接显示的源代码文件，请下载源码包。
