一、使用方法
<script src="js/jquery-2.1.4.min.js"></script>
<script src="dist/jquery.showLoading.min.js"></script>
二、CSS
.loading-indicator {
height: 80px;
width: 80px;
background: url('loading.gif') no-repeat center center;
}
遮罩层的基本CSS样式如下:
.loading-indicator-overlay {
background-color: #FFFFFF;
opacity: 0.6;
filter: alpha(opacity = 60);
}
三、调用插件
可以使用下面的方法来显示一个loading指示器。
$('#el').showLoading();
要隐藏Loading指示器,可以调用下面的方法:
$('#el').hideLoading();
四、配置参数
indicatorID: '',
addClass: '',
hPos: 'center',
vPos: 'center',
indicatorZIndex: 5001,
overlayZIndex: 5000,
parent: '',
marginTop: 0,
marginLeft: 0,
overlayWidth: null,
overlayHeight: null,
overlayCSS: ''
//callbacks
beforeShow: null,
afterShow: null,
KeyMob移动端广告平台的SDK开发包目前主要支持Android和IOS两大智能平台,无论是Android、IOS应用开发者都可以使用来管理媒体上的移动广告。作为最专业的广告管理平台,KeyMob移动端广告平台还将逐步推出对其他主流智能平台的支持,如Windows Phone、u3d、phonegap等。
<script src="js/jquery-2.1.4.min.js"></script>
<script src="dist/jquery.showLoading.min.js"></script>
二、CSS
.loading-indicator {
height: 80px;
width: 80px;
background: url('loading.gif') no-repeat center center;
}
遮罩层的基本CSS样式如下:
.loading-indicator-overlay {
background-color: #FFFFFF;
opacity: 0.6;
filter: alpha(opacity = 60);
}
三、调用插件
可以使用下面的方法来显示一个loading指示器。
$('#el').showLoading();
要隐藏Loading指示器,可以调用下面的方法:
$('#el').hideLoading();
四、配置参数
indicatorID: '',
addClass: '',
hPos: 'center',
vPos: 'center',
indicatorZIndex: 5001,
overlayZIndex: 5000,
parent: '',
marginTop: 0,
marginLeft: 0,
overlayWidth: null,
overlayHeight: null,
overlayCSS: ''
//callbacks
beforeShow: null,
afterShow: null,
KeyMob移动端广告平台的SDK开发包目前主要支持Android和IOS两大智能平台,无论是Android、IOS应用开发者都可以使用来管理媒体上的移动广告。作为最专业的广告管理平台,KeyMob移动端广告平台还将逐步推出对其他主流智能平台的支持,如Windows Phone、u3d、phonegap等。