前端开发之弹出框系列教程五：Loading提示框

 1、Loading样式一。

var loading=$k.loading();//3秒后关闭加loading提示框window.setTimeout(function(){    loading.close();},3000);

查看效果

 2、Loading样式二。

var loading=$k.loading({loadingCls:'kui-window-loading-2'});//3秒后关闭加loading提示框window.setTimeout(function(){    loading.close();},3000);

查看效果

 3、Loading样式三。

var loading=$k.loading({loadingCls:'kui-window-loading-3'});//3秒后关闭加loading提示框window.setTimeout(function(){    loading.close();},3000);

查看效果

 4、Loading样式四：文字提示

var loading=$k.loading({content:'数据加载中...'});//3秒后关闭加loading提示框window.setTimeout(function(){    loading.close();},3000);

查看效果

 5、自定义Loading提示内容

var content='<div class="kui-window-loading-1" style="width:100%;background-position:center;"></div><div class="kui-window-loading-text">数据加载中...</div>';var loading=$k.loading({content:content});//3秒后关闭加loading提示框window.setTimeout(function(){    loading.close();},3000);

查看效果