当进行数据量大的更新时显示正在更新的动画

1.aspx文件中的代码

<asp:Button ID="btn_AllUpdate" runat="server" Text="全部更新" OnClientClick="return DisplayDiv()" OnClick="btn_AllUpdate_Click" />
<div id="divOver">
            <div>
                <ul>
                    <li><img src="images/loading.gif" /></li>
                    <li>正在更新中....</li>
                </ul>
            </div>
        </div>

2.js代码

function DisplayDiv()
{
    $("#divOver").css("visibility", "visible");
    return true;
}

3.cs文件代码

protected void btn_AllUpdate_Click(object sender, EventArgs e)
        {
ScriptManager.RegisterStartupScript(this, this.GetType(),"","$('#divOver').css('visibility','hidden')",true);
            }

4.样式表

ul, li { text-decoration:none;text-align:center;list-style-type:none;}
#divOver { background:#000; opacity: 0.5;position:absolute;width:100%;height:100%; right:0px; top:0px;visibility:hidden;}
/*全屏居中显示*/
#divOver div { color:#fff;position:absolute;left:50%;top:50%;}
#divOver div ul { display:block;position:absolute;margin:-75px;width:150px;height:150px;}

5.引用一个jq文件

6.图片素材

7.此效果适用于异步提交ajax中。