在类里面加入如下函数（也可在每个代码后文件中写入）：
#region "页面加载中效果"
/// <summary>
/// 页面加载中效果
/// </summary>
public static void initJavascript()
{
HttpContext.Current.Response.Write(" <script language=JavaScript type=text/javascript>");
HttpContext.Current.Response.Write("var t_id = setInterval(animate,20);");
HttpContext.Current.Response.Write("var pos=0;var dir=2;var len=0;");
HttpContext.Current.Response.Write("function animate(){");
HttpContext.Current.Response.Write("var elem = document.getElementById('progress');");
HttpContext.Current.Response.Write("if(elem != null) {");
HttpContext.Current.Response.Write("if (pos==0) len += dir;");
HttpContext.Current.Response.Write("if (len>32 || pos>79) pos += dir;");
HttpContext.Current.Response.Write("if (pos>79) len -= dir;");
HttpContext.Current.Response.Write(" if (pos>79 && len==0) pos=0;");
HttpContext.Current.Response.Write("elem.style.left = pos;");
HttpContext.Current.Response.Write("elem.style.width = len;");
HttpContext.Current.Response.Write("}}");
HttpContext.Current.Response.Write("function remove_loading() {");
HttpContext.Current.Response.Write(" this.clearInterval(t_id);");
HttpContext.Current.Response.Write("var targelem = document.getElementById('loader_container');");
HttpContext.Current.Response.Write("targelem.style.display='none';");
HttpContext.Current.Response.Write("targelem.style.visibility='hidden';");
HttpContext.Current.Response.Write("}");
HttpContext.Current.Response.Write("</script>");
HttpContext.Current.Response.Write("<style>");
HttpContext.Current.Response.Write("#loader_container {text-align:center; position:absolute; top:40%; width:100%; left: 0;}");
HttpContext.Current.Response.Write("#loader {font-family:Tahoma, Helvetica, sans; font-size:11.5px; color:#000000; background-color:#FFFFFF; padding:10px 0 16px 0; margin:0 auto; display:block; width:130px; border:1px solid #5a667b; text-align:left; z-index:2;}");
HttpContext.Current.Response.Write("#progress {height:5px; font-size:1px; width:1px; position:relative; top:1px; left:0px; background-color:#8894a8;}");
HttpContext.Current.Response.Write("#loader_bg {background-color:#e4e7eb; position:relative; top:8px; left:8px; height:7px; width:113px; font-size:1px;}");
HttpContext.Current.Response.Write("</style>");
HttpContext.Current.Response.Write("<div id=loader_container>");
HttpContext.Current.Response.Write("<div id=loader>");
HttpContext.Current.Response.Write("<div align=center>页面正在加载中 ...</div>");
HttpContext.Current.Response.Write("<div id=loader_bg><div id=progress> </div></div>");
HttpContext.Current.Response.Write("</div></div>");
HttpContext.Current.Response.Flush();
}
#endregion
}
之后在需要调用的页面中在Page_Load()时间调用该方法：
Common.initJavascript();
并在每个页面body加载完毕后调用隐藏该div的事件
<body onload="remove_loading();">
完毕！
分享到：
相关推荐
本话题将深入探讨"H5多种加载效果loading"，即H5页面在加载过程中使用的炫酷动画，旨在提升用户在等待页面完全加载时的体验。 一、什么是H5加载效果 H5加载效果，也称为“loading”或“预加载”，是指在页面内容...
在网页设计中，用户体验是至关重要的，而页面加载效果正是其中的一个关键环节。"30种页面加载效果.zip"这个压缩包文件包含了30个不同的页面加载（loading）动画示例，旨在提升用户在等待页面完全加载时的视觉体验。...
在网页设计中，用户体验是至关重要的，而页面加载效果正是提升用户体验的一种手段。"jQuery页面加载效果"是指利用JavaScript库jQuery实现的动态加载动画，它能够以吸引人的视觉方式展示网页内容正在加载的过程，使...
”提示信息，在页面加载完后将自动隐藏。 我为什么使用这个组件？ 1。交互性。 客户清楚知道，你的页面是在加载，需要等待，而不用对着一个空白的网页发呆。 2。方便。 对于程序员来说，只要包含loading页面...
首先，让我们关注HTML5的页面加载效果。传统的HTML4中，用户通常只能看到页面内容逐个加载，而在HTML5中，我们可以利用`<progress>`元素和JavaScript来创建自定义的加载进度条。`<progress>`元素提供了一个容器，...
在本文中，我们将深入探讨如何使用AngularJS实现页面加载与切换时的动画效果。AngularJS是一个流行的前端JavaScript框架，它提供了强大的数据绑定和模块化功能，使得开发动态Web应用变得简单。当我们谈论“页面加载...
页面加载效果是网页设计中一个重要的用户体验组成部分，它在用户打开网页时呈现过渡动画，以掩盖内容实际加载的时间，给予用户一种更为流畅的浏览体验。"fakeloader"是一种常见的页面加载效果实现方式，它通常由...
为了解决这个问题，"页面加载等待效果"被广泛采用，它在页面内容实际加载的过程中，向用户提供一种视觉反馈，让他们知道网站正在努力处理信息，并非停滞不前。这种效果通常表现为一个旋转的加载图标，也称为菊花图或...
在网页设计中，用户体验是至关重要的，而页面加载过程中用户往往需要等待，此时一个吸引人的加载动画可以大大提升用户体验。CSS3（Cascading Style Sheets level 3）作为现代网页设计的重要工具，提供了丰富的功能，...
HTML5页面加载动画是网页设计中的一个重要元素，它在页面内容完全加载之前为用户提供视觉反馈，使得用户体验更加流畅。本示例"酷炫html5页面加载loading动画效果demo"是基于原生JavaScript和CSS实现的，无需任何第三...
在这个加载效果中，HTML可能包含了一个特定的容器，用于显示加载动画，例如一个简单的占位符文本或一个旋转的加载图标。HTML代码可能会这样编写： ```html 正在加载... ``` JavaScript是一种客户端脚本语言，常...
6. **Promise和async/await**：在现代JavaScript中，可以使用Promise和async/await来处理异步操作，更优雅地管理页面加载的各个阶段，从而更好地控制等待效果的生命周期。 7. **性能优化**：为了减少等待时间，可以...
总的来说，自定义Android页面加载中效果的进度条涉及到Android UI组件的使用、动画技术的应用、图形绘制原理以及异步编程。通过对这些知识点的掌握，开发者可以创造出独特且吸引人的用户体验。实践中，可以根据项目...
在网页设计中，用户体验是至关重要的，而页面加载的加载效果正是提升用户体验的一种方式。"页面加载的Loading效果"指的是在网页内容完全加载之前展示的一种动态视觉反馈，它告诉用户浏览器正在努力获取并呈现信息。...
为了实现上述效果，压缩包中的"页面动态加载效果"可能包含HTML示例文件、CSS样式表和JavaScript脚本，供开发者参考和学习。开发者可以通过查看和修改这些代码，理解动态加载效果的工作原理，并应用到自己的项目中。 ...
在网页设计和开发中，页面加载的视觉效果是吸引用户注意力和提升用户体验的重要手段。"页面加载-3d效果源码"是一个关于如何利用3D技术实现动态、引人入胜的页面加载动画的资源。这类效果通常由JavaScript库、CSS3...
首先，我们来看jQuery如何实现页面加载效果。jQuery中的`.load()`函数是用于动态加载HTML内容的，它可以将远程HTML文档的一部分加载到网页的某个元素中。例如，当我们点击一个按钮时，可以使用`.load()`来加载新的...
在本文中，我们将深入探讨如何使用JavaScript实现页面加载完毕之前的“loading”提示效果。这个效果可以在页面内容完全加载之前，向用户展示一个“页面加载中，请稍后...”的提示，以提升用户体验，避免用户在等待...
"页面加载时提示正在加载中"这一功能，正是为了提升用户体验而设计的。当用户点击链接或提交表单时，页面加载的过程可能会消耗一些时间，特别是在处理大量数据或者进行复杂的计算时。这种等待可能会让用户感到不耐烦...