求2种“等待中“的效果实例或者相关文章！

Question

1个是点了按钮之后有个动态图片提示等待操作，或者等待查询，完成之后隐藏提示
2是网页刚打开时，数据列表出有个动态图片提示加载中，数据显示之后图片消失其实2种效果有点类似，但有些差异，求相关代码示例或者博客文章！ 其实光是这2个效果可以实现，用的是JS控制层实现的。但是：1。个人感觉自己的方法不够通用，实现比较麻烦
2。感觉做法不够正规所以特求高手你们的通用些的实现方案或者文章！
 

Answer 1

点击按钮时等待图片或者层出现 AJAX请求过去 回调函数中取消等待图片或者层。

Answer 2

http://topic.csdn.net/u/20091105/20/d7084b8f-4d2f-41e2-9afe-7d29555ed124.html

Answer 3

<asp:ScriptManager ID="ScriptManager1" runat="server">
  </asp:ScriptManager>
  <asp:UpdatePanel ID="upl" runat="server" UpdateMode="Conditional">
  <ContentTemplate>
  <asp:UpdateProgress ID="UpdateProgress1" runat="server">
  <ProgressTemplate>
  <div>
  <div>数据加载中，请等待……</div>
  </div>
  </ProgressTemplate>
  </asp:UpdateProgress>
 </asp:UpdatePanel>  <asp:ScriptManager ID="ScriptManager1" runat="server">
  </asp:ScriptManager>
  <asp:UpdatePanel ID="UpdatePanel1" runat="server">
  <Triggers>
  <asp:AsyncPostBackTrigger ControlID ="Button1" EventName ="Click" />
  </Triggers>
  <ContentTemplate>
  <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
  </ContentTemplate>
  </asp:UpdatePanel>
  <asp:UpdateProgress ID="UpdateProgress1" runat="server">
  <ProgressTemplate>
  <span style =" font-size:12px">数据更新中......</span>
  </ProgressTemplate>
  </asp:UpdateProgress>
  <asp:Button ID="Button1" runat="server" Text="Button" Width="143px" OnClick="Button1_Click" />
或使用div显示loading效果
<script language="javascript" type="text/javascript">  
  document.write(" <div id='loadDiv' style='padding-top: 250px; padding-left: 350px;font-size:x-large;height:400px'> <span id='loading'> <img src=\"../Images/loader2.gif\"/>正在加载数据，请稍候··· </span> </div>"); 
  window.onload = function() 
  {  
  document.getElementById("hiddenDiv").style.display="";  
  document.getElementById("loadDiv").parentNode.removeChild(document.getElementById("loadDiv"));  
   
  }  
  </script>  

Answer 4

我平常做这种效果时就是用这个种方法   AJAX中的UpdatePanel控件和UpdateProgress 控件结合起来用！！！