概述
在系统加载数据时,可能耗时比较长,此时有一个系统加载的动态图,效果体验比较好,如下图所示:
这是系统加载动态图;
jsp界面
<!--系统加载提示-->
<div id="loadBackGround" class="loadBackGround"></div>
<div id="loadGif" class="loadGif">
<img src="images/loading.gif">
</div>
动态图保存的路径
CCS样式
/* 系统加载提示 */
div.loadBackGround{ 100%; height:100%; background-color:white; position:absolute; top:0;left:0;z-index:999999999999999;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
div.loadGif{position:absolute;top:50%;left:50%; margin-left:-80px; margin-top:-50px;z-index:999999999999999999;}
div.loadGif h2{ font-size:14pt; padding-bottom:0px; margin-bottom:0-10px;color:black}
加载完毕后
//系统加载中提示
$("#loadBackGround").hide();
$("#loadGif").hide();