<style type="text/css">
.divShade {
display: none;
position: absolute;
top: 0%;
left: 0%;
opacity: 0.4;
100%;
height: 100%;
z-index: 1000;
background-color: #000;
}
.divLoading {
display: none;
position: absolute;
top: 25%;
left: 43%;
vertical-align: middle;
180px;
height: 40px;
padding: 8px;
opacity: 0.8;
background-color: #edecec;
z-index: 1002;
overflow: auto;
text-align: center;
}
</style>
<!--等待效果-->
<body> <div id="divShade" class="divShade"></div> <div id="divLoading" class="divLoading"> <table style=" 100%; height: 100%"> <tbody> <tr> <td style="text-align: right"> <img src="../images/loading.gif"> </td> <td style="text-align: left"> <span id="loadingMsg">获取中，请稍候......</span> </td> </tr> </tbody> </table> </div>
</body>
(function ($) {
/*异步等待效果 start*/
var loading = function(msg) {
$("#loadingMsg").html(msg);
$("#divShade").css({ display: "block" });
$("#divLoading").show();
};
var completed = function() {
$("#divShade").hide();
$("#divLoading").hide();
};
/*异步等待效果 start*/
window.common = {
loading: loading,
completed: completed
}
})(jQuery);
这些代码需要引入jQuery