在请求数据加载的过程中,经常需要显示请求等待,写了一个简单的请求等待,html代码如下
- <div id="dataLoad" style="display:none;position: fixed; left: 0px; right: 0px;
- background:#fff; bottom: 0px; top: 0px; width:350px; height:120px;
- margin:200px auto; z-index:999; opacity: 0.92; border: 1px solid #e8e8e8;">
- <table width=100% height=100% border=0 align=center>
- <tr>
- <td align=center>
- <img height="50" src="./image/loading.gif" />
-
td>
- <td align="left">
- <span style="font-weight: 900; color: #0394c3;">
- 数据载入中,请稍后......
-
span>
-
td>
-
tr>
-
table>
-
div>
过程中只需要js控制
- $("#dataLoad").show(); //显示()
- $("#dataLoad").hide(); //隐藏()
可选图片(也可以从网上下载一些符合自己业务场景的图片)