HTML 如何在网页加载的过程中添加一个滚动的圈圈

HTML

解决方案 »

  1.   

    你说的是这种效果?
    http://www.iyyibg.com
      

  2.   

    读取数据前，显示正在加载中，读取完毕，替换正在加载为数据列表
    <%@ Page Language="C#" EnableViewState="true" AutoEventWireup="true" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <script runat="server">  public System.Data.DataTable GetData()
      {
        System.Data.DataTable dataTable1 = new System.Data.DataTable("BlogUser");
        dataTable1.Columns.Add(new System.Data.DataColumn("UserId", typeof(System.Int32)));
        dataTable1.Columns.Add(new System.Data.DataColumn("Title", typeof(System.String)));
        for (int i = 0; i < 8; i++)
        {
          dataTable1.Rows.Add(new Object[] { i, "测试" + i.ToString() });
        }
        return dataTable1;
      }
      
      protected void Page_Load(object sender, EventArgs e)
      {
        if (!String.IsNullOrEmpty(Request.QueryString["xxxx"]))
        {
          Response.ClearContent();
          Repeater1.DataSource = GetData();
          Repeater1.DataBind();
          System.Text.StringBuilder sb = new System.Text.StringBuilder();
          System.IO.StringWriter sw = new System.IO.StringWriter(sb);
          HtmlTextWriter htw = new HtmlTextWriter(sw);
          Repeater1.RenderControl(htw);
          Response.Write(sb.ToString());
          Response.End();
        }
      }
      public override void VerifyRenderingInServerForm(Control control)
      { }
    </script>
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
      <title></title>
      <script src="jquery-1.8.1.min.js" type="text/javascript"></script>
    </head>
    <body>
      <form id="form1" runat="server">
      <div id="loading">正在加载…………</div>
      <div id="Content">
      <asp:Repeater ID="Repeater1" runat="server">
        <ItemTemplate>
          <div><%#Eval("Title")%></div>
        </ItemTemplate>
      </asp:Repeater>
      </div>
      </form>
      <script type="text/javascript">
        window.onload = function () {
        $.get('<%=Request.FilePath %>?xxxx=' + (new Date()).valueOf(), function (data) {
            $('#loading').hide();
            $("#Content").html(data);
          });
        }
      </script>
    </body>
    </html>
      

  3.   

    替换html内容即可，jq大把的方法可以做
      

  4.   

    http://download.csdn.net/detail/joyhen/5038829左边菜单树的加载有你要的效果