用javascript实现(页面正在加载的效果)

转载 2006年06月21日 14:56:00

代码文件:

using System;
using System.Collections;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Web;
using System.Web.SessionState;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.HtmlControls;
using System.Threading;
namespace AjaxTest
{
    
/// <summary>
    
/// WebForm2 的摘要说明。
    
/// </summary>

    public class WebForm2 : System.Web.UI.Page
    
{
        
protected System.Web.UI.WebControls.Button Button1;
        
protected System.Web.UI.WebControls.Label Label1;
    
        
private void Page_Load(object sender, System.EventArgs e)
        
{
            Response.Write(
"<div id='mydiv' >");
            Response.Write(
"_");
            Response.Write(
"</div>");
            Response.Write(
"<script>mydiv.innerText = '';</script>");
            Response.Write(
"<script language=javascript>;");
            Response.Write(
"var dots = 0;var dotmax = 10;function ShowWait()");
            Response.Write(
"{var output; output = '正在装载页面';dots++;if(dots>=dotmax)dots=1;");
            Response.Write(
"for(var x = 0;x < dots;x++){output += '·';}mydiv.innerText =  output;}");
            Response.Write(
"function StartShowWait(){mydiv.style.visibility = 'visible'; ");
            Response.Write(
"window.setInterval('ShowWait()',1000);}");
            Response.Write(
"function HideWait(){mydiv.style.visibility = 'hidden';");
            Response.Write(
"window.clearInterval();}");
            Response.Write(
"StartShowWait();</script>");
            Response.Flush();
//这一句是最关键的
        }


        
private void Button1_Click(object sender, System.EventArgs e)
        
{
            
//当点击按钮时,假设请求需要较长时间(这里设置为10秒)
            System.Threading.Thread.Sleep(10000);
            
this.Label1.Text = "终于加载完成啦";
        }


        
Web 窗体设计器生成的代码


    }

}



页面文件:
<%@ Page language="c#" Codebehind="WebForm2.aspx.cs" AutoEventWireup="false" Inherits="AjaxTest.WebForm2" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
    
<HEAD>
        
<title>WebForm2</title>
        
<meta name="GENERATOR" Content="Microsoft Visual Studio .NET 7.1">
        
<meta name="CODE_LANGUAGE" Content="C#">
        
<meta name="vs_defaultClientScript" content="JavaScript">
        
<meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
        
<script>
         HideWait();
        
</script>
    
</HEAD>
    
<body MS_POSITIONING="GridLayout">
        
<form id="Form1" method="post" runat="server">
            
<FONT face="宋体">
                
<asp:Button id="Button1" style="Z-INDEX: 101; LEFT: 480px; POSITION: absolute; TOP: 200px" runat="server"
                    Text
="Button"></asp:Button>
                
<asp:Label id="Label1" style="Z-INDEX: 102; LEFT: 632px; POSITION: absolute; TOP: 240px" runat="server">Label</asp:Label></FONT>
        
</form>
    
</body>
</HTML>

在webform中巧用事件进行对页面代码与后台代码的脱离

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml" >    无标题页    ...

使用jquery实现页面正在加载的效果

Jquery是一个功能强大的易用的JavaScript库,在jquery中页面或内容正在加载的效果是很容易实现的。以下是一个使得你web 页面内容呈现一个加载的效果的例子。它会给你的读者留下深刻的印象...
  • taiyb
  • taiyb
  • 2014年10月11日 23:37
  • 6964

PHP + JavaScript + Ajax 实现无刷新页面加载效果

数据源工厂 Json生成方式1 Json生成方式2 数据搬运工 数据加工师 转换类型 加工展示 结果展示 点击按钮之后 总结今天这个实验的思路就是实现一个无刷新的页面加载效果。具体的思路是使用PHP开...

Javascript在ajax提交过程中页面显示加载中,请等待效果,并在提交过程中限制确定按钮防止多次提交,提交完成后,解除提交限制

加载中,请等待... 加载中,请等待效果图的CSS样式,设置其至页面中央:.center-in-center{             position: absolute;            ...

Android 三种方式实现自定义圆形页面加载中效果的进度条

转载:http://www.eoeandroid.com/forum.php?mod=viewthread&tid=76872 一、通过动画实现 定义res/anim/loading.xml如下: ...
  • jdsjlzx
  • jdsjlzx
  • 2015年01月07日 18:37
  • 35765

JQuery实现页面随滚动条滚动而动态加载内容的效果

JQuery实现页面随滚动条滚动而动态加载内容的效果 2011-01-16 21:13       新浪微博有这个功能,刚才思考一下 ,简单的写了一下实现方法,代码是Js的...
  • lsk_jd
  • lsk_jd
  • 2012年05月25日 21:57
  • 1276

jquery 实现滚动条至页面底端自动加载数据效果

无限滚动自动翻页可以说是web2.0时代的一项堪称伟大的技术,它让我们在浏览页面的时候只需要把滚动条拉到网页底部就能自动显示下一页的结果,改变了一直以来只能通过点击下一页来翻页这种常规做法。 无限滚动...
  • yaov_yy
  • yaov_yy
  • 2013年11月19日 14:13
  • 2101

三种方式实现自定义圆形页面加载中效果的进度条

转自 http://www.eoeandroid.com/forum.php?mod=viewthread&tid=76872
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:用javascript实现(页面正在加载的效果)
举报原因:
原因补充:

(最多只允许输入30个字)