js玩命加载……

js玩命加载……

在请求数据加载的过程中，经常需要显示请求等待，写了一个简单的请求等待—- 
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>

在请求的过程中只需要控制<div id="dataLoad"></div>的显示和隐藏即可，js代码如下

$("#dataLoad").hide(); //页面数据加载完毕后即将DIV隐藏
$("#dataLoad").show(); //页面数据加载中显示DIV

当然所需的动态加载图片可以随意选择，我的加载效果如下 

动态图如下