全局 modal 加载页面

来源:互联网 发布:淘宝店铺名字在哪里 编辑:程序博客网 时间:2024/06/11 00:33
<style>
.coverInitBody {
position:fixed; top: 0px; right:0px; bottom:0px;filter: alpha(opacity=60); background-color: #FEFEFE;
z-index: 1002; left: 0px; display:none;
opacity:0.5; -moz-opacity:0.5;
}
</style>
  
  <div id='coverInitBody' class='coverInitBody'> <div id="coverInitBody222" >  </div> </div>
  
<script>

function showMask(){  
$('body').css("overflow","hidden")
$("#coverInitBody").show();
}

$(document).ready(function(){       
   
    var tempHeight = (($(document).height())/2)-100 ;
    var tempWidth = ((window.screen.availWidth)/2)-100 ;   
     
   $("#coverInitBody222").attr("style","background: url( '/resources/images/loading_.gif' );width:250px;height:200px;background-


position:center;position:fixed;left:"+tempWidth+";top:"+tempHeight+";");
     
     showMask();
     
     setTimeout(function(){
   PageUtil.loadModule(${m.id},'${base}/pump/homepage/index!getHomepageMain.action',{},null,null);
     $('body').css("overflow-x","hidden").css("overflow-y","auto");   
   $("#coverInitBody222").remove();
        $("#coverInitBody").remove();
},3000);
 
});


</script>
0 0