加载数据提示动画

转载:http://www.tea119.com

/**
 * 
  加载数据动画，直接调用此方法
  //text(string): 加载提示文字
  //str(string): load的背景颜色样式(取值:a,b,c,d)
  //flag(boolean): 背景是否透明(取值:true透明,false不透明)
 */
function loadStart(text,str,flag){
    if(!text){
        text = "加载中...";
    }
    $(".ui-loader h1").html(text);
   var _width = window.innerWidth;
   var _height = window.innerHeight;
   var htmlstr = '<div style="width:'+_width+'px;height:'+_height+'px;position:fixed;top:0px;left:0px;opacity:0.1;z-index:99999" class="loader-bg"></div>';
   $("body").append(htmlstr);
   if(flag){
       $(".ui-loader").removeClass("ui-loader-verbose").addClass("ui-loader-default");
  }
   else{
       $(".ui-loader").removeClass("ui-loader-default").addClass("ui-loader-verbose");
   }
   var cla = "ui-body-"+str;
   $("html").addClass("ui-loading");
   var arr = $(".ui-loader").attr("class").split(" ");
   var reg = /ui-body-[a-f]/;
   for(var i in arr){
       if(reg.test(arr[i])){
           $(".ui-loader").removeClass(arr[i]);
      }
   }
   $(".ui-loader").addClass(cla);
}
/**
 * 
 * 加载数据结束之后结束动画，直接调用此方法
 */
function loadStop(){
    $("html").removeClass("ui-loading");
    $(".loader-bg").remove();
}