loadding弹框

.loadingDiv{
    width:100px;
    height:100px;
    margin:auto;
    position: fixed;
    z-index: 1000;
}
.loadingDiv .loading{
    position: absolute;
    top:34px;
    left:34px;
    width:34px;
}
.loadingDiv .blockDiv{
    width:100%;
    height:100%;
    background:grey;
    border-radius:5px;
    opacity:0.5;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}

<div class="loadingDiv">
    <div class="blockDiv"></div>
    <img class="loading" src="img/loading.gif"/>
</div>
<script type="text/javascript">
    $(".loadingDiv").css({top:$(window).height()/2-50,left:$(window).width()/2-50});
    $(window).resize(function(){
        $(".loadingDiv").css({top:$(window).height()/2-50,left:$(window).width()/2-50});
    });
</script>