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

 1、Loading样式一。
var index=$k.loading();
//3秒后关闭加loading提示框
window.setTimeout(function(){
    kwindow.close(index);
},3000);
  查看效果
 2、Loading样式二。
var index=$k.loading({loadingCls:'kui-window-loading-2'});
//3秒后关闭加loading提示框
window.setTimeout(function(){
    kwindow.close(index);
},3000);
  查看效果
 3、Loading样式三。
var index=$k.loading({loadingCls:'kui-window-loading-3'});
//3秒后关闭加loading提示框
window.setTimeout(function(){
    kwindow.close(index);
},3000);
  查看效果
 4、Loading样式四:文字提示
var index=$k.loading({content:'数据加载中...'});
//3秒后关闭加loading提示框
window.setTimeout(function(){
    kwindow.close(index);
},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 index=$k.loading({content:content});
//3秒后关闭加loading提示框
window.setTimeout(function(){
    kwindow.close(index);
},3000);
  查看效果
 

猜你喜欢

转载自www.cnblogs.com/caogenrenwu/p/13404791.html