C#.Net网页加载等待效果漂亮并且简单
2014-04-08 11:35
323 查看
最近网页加载数据比较多,点击后给用户就是白板很不友好,想了很久找了些资料,在网页加载中显示等待画面给客户,页面加载完成自动隐藏等待效果。
在网页后台cs代码:
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
ShowLoanding();
//.....
//你的数据加载代码
Thread.Sleep(1000);//线程停留1秒,也可以不要。
}
}
//显示加载进度
private void ShowLoanding()
{
Response.Write("<div style='position:absolute;z-index:600;width:expression(document.body.clientWidth);height:expression(document.body.clientHeight);background-color:#FFFFFF;text-align:center;padding-top:150px;' id='mydiv' >");
Response.Write("<img src='http://www.kuwant.com/common/images/waiting.gif'> Loading...");
Response.Write("</div>");
Response.Write("<script language=javascript>;");
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();
}
在网页aspx代码<body>之后加入如下代码:(目的隐藏等待效果)
<body style="margin: 0px; padding: 0px" >
<script type="text/javascript">
HideWait();
</script>
等待效果就是在网页中间出现一个等待提示和动画,页面加载完成自动消失。当然动画图像和提示文字自己可以在代码中修改。
转:http://blog.163.com/da7_1@126/blog/static/1040726782011113063526313/
在网页后台cs代码:
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
ShowLoanding();
//.....
//你的数据加载代码
Thread.Sleep(1000);//线程停留1秒,也可以不要。
}
}
//显示加载进度
private void ShowLoanding()
{
Response.Write("<div style='position:absolute;z-index:600;width:expression(document.body.clientWidth);height:expression(document.body.clientHeight);background-color:#FFFFFF;text-align:center;padding-top:150px;' id='mydiv' >");
Response.Write("<img src='http://www.kuwant.com/common/images/waiting.gif'> Loading...");
Response.Write("</div>");
Response.Write("<script language=javascript>;");
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();
}
在网页aspx代码<body>之后加入如下代码:(目的隐藏等待效果)
<body style="margin: 0px; padding: 0px" >
<script type="text/javascript">
HideWait();
</script>
等待效果就是在网页中间出现一个等待提示和动画,页面加载完成自动消失。当然动画图像和提示文字自己可以在代码中修改。
转:http://blog.163.com/da7_1@126/blog/static/1040726782011113063526313/
相关文章推荐
- net(c#)在循环语句中执行WebBrowser.Navigate();方法,每次循环等待网页加载完后继续执行的解决方案
- .net(c#)在循环语句中执行WebBrowser.Navigate();方法,每次循环等待网页加载完后继续执行的解决方案.
- .Net/C#: 一个将在线简体中文网页转为繁体中文页简单方法 (尚不完善 IHttpHandler Proxy / Response.Filter)
- .net(c#)在循环语句中执行WebBrowser.Navigate();方法,每次循环等待网页加载完后继续执行的解决方案.(转载)
- C#实现多级子目录Zip压缩解压实例 NET4.6下的UTC时间转换 [译]ASP.NET Core Web API 中使用Oracle数据库和Dapper看这篇就够了 asp.Net Core免费开源分布式异常日志收集框架Exceptionless安装配置以及简单使用图文教程 asp.net core异步进行新增操作并且需要判断某些字段是否重复的三种解决方案 .NET Core开发日志
- 【C#】对异步请求处理程序IHttpAsyncHandler的理解和分享一个易用性封装 【手记】走近科学之为什么明明实现了IEnumerable<T>的类型却不能调用LINQ扩展方法 【手记】手机网页弹出层后屏蔽底层的滑动响应 【手记】ASP.NET提示“未能创建类型”处理 【Web】一个非常简单的移动web消息框 【手记】解决EXCEL跑SQL遇“查询无法运行或数据库表无法打开...”
- Asp.net 在网页编写C#代码示例-- 一个简单的web MsSql 命令执行环境
- asp.net(c#)中使用反射动态加载dll简单示例
- 利用PreLoader实现一个平视显示(HUD)效果(可以运用到加载等待效果),并进行简单的讲解
- 利用PreLoader实现一个平视显示(HUD)效果(可以运用到加载等待效果),并进行简单的讲解
- Simple Undo/redo library for C#/.NET(简单的C#.Net撤销、重做库)
- JS实现自定义简单网页软键盘效果代码
- C# .net 抓取网页内容
- C#.NET应用程序实现网页自动登录
- 使用c#,WPF,模仿IPhone的Loading(加载)效果
- asp.net/C#网页数据采集
- Asp.net(C#)给图片加上水印效果的类
- Java vs C# —— JSP与ASP.NET简单之比较!
- [原型设计]Axure 8最简单方式制作页面加载进度条百分比效果
- C#(ASP.NET) 下载数据 C#实现通过程序自动抓取远程Web网页信息