Html 单击登录按钮时如何显示loading.gif？

我有一个用.ascx编写的代码，还有一个登录按钮。如何在浏览器进入用户页面之前显示loading.gif？ 以下是登录按钮代码：

<div class="login">
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
  <ContentTemplate>    
     <asp:Button ID="btnlogin" runat="server" Text="Log In" border="0"   
  style="width:47px; height:20px;Background-color:#24b1d7; float:right; text-align:center; cursor:pointer; font-family:'Lucida Grande',Tahoma,Verdana,Arial,sans-serif; border:0px;  color:#FFFFFF; font-weight:bold; font-size:11px; padding: 1px 0 2px; line-height:0px;" />                                            
  </ContentTemplate>
</asp:UpdatePanel>

---

使用onClick方法将按钮文本更改为loading.gif，或使用文本为空的标签，但单击按钮时，文本将更改为image loading.gif。然后，当用户被验证时，给这个方法一个成功事件，在这一点上，如果失败，文本将变回原始文本，并显示一条消息“Login Unsuccessful”，或者另一方面，如果成功，页面将重定向到登录页面

可能重复的