Question

我有一个用.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>

Answer 1

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

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

1 个答案: