页面缓冲显示正在加载图片
2014-07-22 15:58
531 查看
一.代码部分
二.加载完毕隐藏窗口,<body onload="remove_loading();">
添加样式以便于显示合理#loader_container {text-align:center; position:absolute; top:40%; width:100%; left: 0;}
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("<div id=loader_container><img src='images/ajaxloader.gif' /></div>"); HttpContext.Current.Response.Flush(); }
二.加载完毕隐藏窗口,<body onload="remove_loading();">
添加样式以便于显示合理#loader_container {text-align:center; position:absolute; top:40%; width:100%; left: 0;}
相关文章推荐
- 页面中图片从模糊到清晰的渐变加载显示方法
- Android App 启动时显示正在加载图片(源码)
- 页面加载时显示一个loading的图片或者动画或者提示信息
- jQuery-onload让第一次页面加载时图片是淡入方式显示
- 实现动态加载的图片页面中纵向居中显示
- jQuery-onload让第一次页面加载时图片是淡入方式显示
- jsp页面加载本地路径图片显示
- android webview 加载图片一直显示正在加载中
- 页面加载时让其显示笼罩层与加载等待图片
- 前端页面图片加载失败显示默认图片
- Android App 启动时显示正在加载图片(源码)
- 图片全部加载完成之后再显示页面ui,公司项目里用上,自己写的几行代码
- 使用JS,使得加载页面之前显示GIF图片
- aspx页面用一个遮罩层显示正在加载,加载完后隐藏该div
- 页面显示"页面正在加载中..."
- Cocos2d-X 对刚进入游戏时的实现(即页面显示“正在加载。。。。。”)
- 页面加载之前显示正在加载
- JQuery监听页面滚动总结和浏览器动态显示加载图片
- 当页面加载的时候,未加载出来的图片显示默认图片
- 微信小程序 —— 解决加载页面时控制台报错页面中的图片加载错误,但是图片依旧显示