Web页面loading的实现方法

Web页面loading的实现方法
发布时间:2004-12-28 14:01:00    KG  访问166次
这个方案其实很简单,只是有些人可能会想不到

是用Global.asaxcs请求开始和结束事件,同时,配合图片

就OK了,大家可以做出更花哨漂亮的loading...

protected void Application_BeginRequest(Object sender, EventArgs e)
{
string strloading="";
strloading = strloading + "<IMG id=/"loading/" style=/"Z-INDEX: 99999991; POSITION: absolute/" border=0 src=/""+PageBase.UrlBase.ToString()+"/images/loading.gif/"></div>";
Response.Write (strloading);
Response.Write("<script languge='javascript'>window.loading.style.top=screen.availHeight/2-50;window.loading.style.left=screen.availWidth/2-50;</script>");
}

protected void Application_EndRequest(Object sender, EventArgs e)
{
string strUnload="";
strUnload = strUnload + "<script language=/"javascript/"> <!-- /n";
strUnload = strUnload + "setTimeout('window.loading.style.visibility=/"hidden/"',500);/n";
strUnload = strUnload + "--> </script>/n";
Response.Write (strUnload);

}

 


[相关信息]
  DataGrid控件的双击事件的实现方法(2004-12-29 11:30:00)[16]
  实现Asp.NET中DataGrid控件数据的打印实例(2004-12-28 23:50:00)[55]
  ASP.Net中DataGrid行数据合并的实现方法(2004-12-28 23:27:00)[72]
[更多... ]

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
页面加载loading逻辑是指在页面加载时,为了提高用户体验,通常需要显示一个加载动画,告知用户页面正在加载中。在前端实现中,通常需要考虑以下几个方面: 1. 加载动画的设计:加载动画的设计应该符合用户的视觉习惯,同时要简洁明了,不会影响用户对页面内容的阅读。可以使用 GIF 动画、SVG 动画等方式实现。在设计动画时,应该考虑到动画的大小、颜色、形状、速度等因素。 2. 加载动画的实现:加载动画的实现可以使用纯 CSS、JavaScript 等方式。在纯 CSS 方式下,可以使用 CSS3 动画实现,例如使用 @keyframes 规则定义动画序列,然后使用 animation 属性将动画序列应用到元素上。在 JavaScript 方式下,可以使用 setTimeout 或 setInterval 函数实现动画的控制。需要注意的是,为了不阻塞页面的加载,应该将 JavaScript 代码尽量放在页面底部。 3. 加载动画的触发时机:加载动画的触发时机应该在页面开始加载后尽可能快地触发,同时应该在页面加载完成后及时隐藏。可以使用 window.onload 事件或者 $(document).ready() 函数来检测页面是否加载完成,然后触发加载动画的显示和隐藏。 4. 加载动画的性能优化:为了保证加载动画的流畅性,应该尽可能减少动画的复杂度和大小,避免使用过多的 CSS3 效果、图片等资源。同时,在加载动画的实现中,应该使用合适的算法和优化技巧来提高代码性能,例如缓存 DOM 对象、避免重绘等。 以上是实现页面加载loading逻辑的一些基本方面,具体实现方式还需要根据具体情况进行调整。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值