您的位置:首页 > 其它

页面打开滚动条

2006-10-11 13:17 169 查看
页面打开滚动条
建立Htm文件(文件名:progressbar.htm)




<script language="javascript">






function setPgb(pgbID, pgbValue)






{


if ( pgbValue <= 100 )






{


//debugger;


if (lblObj = document.getElementById(pgbID+'_label'))






{


lblObj.innerHTML = pgbValue + '%'; // change the label value


}


if ( pgbObj = document.getElementById(pgbID) )






{


var divChild = pgbObj.children[0];


pgbObj.children[0].style.width = pgbValue + "%";


}


window.status = "数据读取" + pgbValue + "%,请稍候

";


}


if ( pgbValue == 100 )






{


window.status = "数据读取已经完成";


proBar.style.display="none";


Table1.style.display="none";


}


}




</script>


<html>


<head>


<link rel="stylesheet" type="text/css" href="common.css" />


</head>


<body topmargin="0" leftmargin="0">


<table width="100%" height="100%" ID="Table1" runat=server>


<tr>


<td align="center" valign="middle">


<DIV class="bi-loading-status" id="proBar" style="DISPLAY: ; LEFT: 425px; TOP: 278px">


<DIV class="text" id="pgbMain_label" align="left"></DIV>


<DIV class="progress-bar" id="pgbMain" align="left">


<DIV STYLE="WIDTH:10%"></DIV>


</DIV>


</DIV>


</td>


</tr>


</table>


</body>


</html>



用到的Css文件如下(common.css):




.bi-loading-status {

}{




/**//*position: absolute;*/


width: 150px;


padding: 1px;


overflow: hidden;


}




.bi-loading-status .text {

}{


white-space: nowrap;


overflow: hidden;


width: 100%;


text-overflow: ellipsis;


padding: 1px;


}




.bi-loading-status .progress-bar {

}{


border: 1px solid ThreeDShadow;


background: window;


height: 10px;


width: 100%;


padding: 1px;


overflow: hidden;


}




.bi-loading-status .progress-bar div {

}{


background: Highlight;


overflow: hidden;


height: 100%;


filter: Alpha(Opacity=0, FinishOpacity=100, Style=1, StartX=0, StartY=0, FinishX=100, FinishY=0);


}

HTML (WebForm1.aspx)代码:




<%

@ Page language="c#" Codebehind="WebForm1.aspx.cs" AutoEventWireup="false" Inherits="WebApplication3.WebForm1" %>


<HTML>


<HEAD>


<title>progressbar</title>


<META http-equiv="Content-Type" content="text/html; charset=gb2312">


<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">


</HEAD>


<body MS_POSITIONING="GridLayout">


<form id="Form1" method="post" runat="server">


<%=fixedHeader()%>


</form>


</body>


</HTML>



.Net 代码(WebForm1.aspx.cs):
引用如下:


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;


using System.IO;


using System.Text;
Page_Load事件里面代码:




Page_Load#region Page_Load


private void Page_Load(object sender, System.EventArgs e)






{


if(!Page.IsPostBack)






{


string strFileName =Server.MapPath("progressbar.htm" );


StreamReader sr = new StreamReader( strFileName, System.Text.Encoding.Default );


string strHtml = sr.ReadToEnd();


Response.Write( strHtml );


sr.Close();


Response.Flush();


Thread thread = new Thread(new ThreadStart(ThreadProc));


thread.Start();


LoadData();//load数据


thread.Join();


}


}


#endregion
其中


Thread thread = new Thread(new ThreadStart(ThreadProc));


thread.Start();
是开始线裎
调用以下方法fixedProc():




ThreadProc#region ThreadProc


private void ThreadProc()






{


string strScript = "<script>setPgb('pgbMain','{0}');</script>";


for ( int i = 0; i <= 100; i++ )






{


System.Threading.Thread.Sleep(10);


Response.Write( string.Format( strScript, i));


Response.Flush();


}


}


#endregion

WebForm1.aspx里面调用的HTML代码:




fixedHeader#region fixedHeader


protected string fixedHeader()






{


StringBuilder s=new StringBuilder();


s.Append(@"<table width='100%' border='1' cellspacing='0' style='MARGIN-TOP:-2px'>");


s.Append(@"<TR class='fixedHeaderTr' style='BACKGROUND:navy;COLOR:white'>");


s.Append(@"<TD nowrap>Header A</TD>");


s.Append(@"<TD nowrap>Header B</TD>");


s.Append(@"<TD nowrap>Header C</TD>");


s.Append(@"</TR>");


for(int m=0;m<100;m++)






{


s.Append(@"<TR>");


s.Append(@"<TD>A").Append(m).Append("</TD>");


s.Append(@"<TD>B").Append(m).Append("</TD>");


s.Append(@"<TD>C").Append(m).Append("</TD>");


s.Append(@"</TR>");


}


s.Append(@"</table>");


return s.ToString();


}


#endregion

方法LoadData():




LoadData#region LoadData


private void LoadData()






{


for(int m=0;m<90000;m++)






{


for(int i=0;i<90000;i++)






{





}


}


}


#endregion

代码下载地址:
http://www.cnblogs.com/Files/jhtchina/progressbar.rar
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: