Html5添加小巧的自定義頁面加載loading指示器插件教程

1、使用方法
<script src="js/jquery-2.1.4.min.js"></script>
<script src="dist/jquery.showLoading.min.js"></script>     

2、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);
}  
             
3、調用插件
能夠使用下面的方法來顯示一個loading指示器。
$('#el').showLoading();                

要隱藏Loading指示器，能夠調用下面的方法：
$('#el').hideLoading();

4、配置參數
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等。