如何为复杂页面实现过渡页面
2010-01-16 16:14
190 查看
【转】http://www.cnblogs.com/chenxizhang/archive/2009/11/11/1601260.html
在我们的网站中,有些复杂页面的加载时间可能比较长,如果让用户一直看着一个空白页面等待页面最后展现,那么可能用户会不耐烦。好吧,为了降低用户的焦虑感,我们一般会做一个过渡性的页面,提示用户说“页面正在加载”,并配套一个动画。
下面就是这个页面的最简单做法
loading.aspx
===========================
<html>
<head>
</head>
<body>
<div style="text-align:center">
<img src="images/indicator_medium.gif" /><br />
正在加载,请稍候
</div>
<script type="text/javascript">
location.href = "mypage.aspx" + location.search;
</script>
</body>
</html>
============================
在我们的网站中,有些复杂页面的加载时间可能比较长,如果让用户一直看着一个空白页面等待页面最后展现,那么可能用户会不耐烦。好吧,为了降低用户的焦虑感,我们一般会做一个过渡性的页面,提示用户说“页面正在加载”,并配套一个动画。
下面就是这个页面的最简单做法
loading.aspx
===========================
<html>
<head>
</head>
<body>
<div style="text-align:center">
<img src="images/indicator_medium.gif" /><br />
正在加载,请稍候
</div>
<script type="text/javascript">
location.href = "mypage.aspx" + location.search;
</script>
</body>
</html>
============================
相关文章推荐
- 如何为复杂页面实现过渡页面
- 如何为复杂页面实现过渡页面
- 如何为复杂页面实现过渡页面 [数据加载中]【陈希章】
- 如何在页面上动态实现浮动窗口?
- 如何实现ASPX页面等待5秒,自动跳转到另一个页面INDEX。ASPX
- 在页面中,我们经常看到,一个button按钮,如果属标点击,就会触发一个窗口的显示,如果二次点击并可以隐藏,那么如何通过JAVA配合html来实现这一功能呢?
- 如何使用angularjs实现抓取页面内容
- [转载]如何用SQLDMO在ASP.NET页面下实现数据库的备份与恢复
- ECSHOP商品详情页面如何实现直接购买和放入到购物车同时存在
- jQuery实现切换页面过渡动画效果
- 关于如何在.aspx页面用javaScript实现点按钮弹出确认提示窗口
- React-Native 如何将图片作为页面的背景以及控件的嵌套实现启动应用
- Web前端面试指导(四十二):如何在页面上实现一个圆形的可点击区域?
- 如何实现Jsp下载文件过程中用div遮罩整个页面
- 如何在wordpress任何一个页面调用“插入图片”按钮,实现上传图片功能
- 详解如何动态调用WebService传递复杂对象的实现
- 如何用jquery实现点击后跳到页面指定位置
- 如何实现页面滚动到下面再加载
- 微信支付如何实现内置浏览器的H5页面支付
- DedeEims如何实现中英文调用不同排版的主页、栏目页面