zoukankan
html css js c++ java
asp.net后台编写 loading效果
使用方法:
protected void Page_Load(object sender, EventArgs e)
{
initJavascript();
FillCheckBox();
UnloadJavascript();
}
"页面加载中效果"
#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%; 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; 130px; border:1px solid #5a667b; text-align:left; z-index:2;}
"
);
HttpContext.Current.Response.Write(
"
#progress {height:5px; font-size:1px; 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; 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();
}
public
static
void
UnloadJavascript()
{
HttpContext.Current.Response.Write(
"
<script language=JavaScript type=text/javascript>
"
);
HttpContext.Current.Response.Write(
"
remove_loading();
"
);
HttpContext.Current.Response.Write(
"
</script>
"
);
}
#endregion
查看全文
相关阅读:
Struts2笔记——ONGL表达式语言
Struts2笔记——自定义拦截器
Struts2笔记——Action校验器
Struts2笔记——文件上传
Struts2笔记——与ServletAPI解耦
Struts2笔记——通配符和动态方法调用
Struts2笔记——类型转换
Struts2笔记——result结果类型
MongoDB相关资料
公开数据集
原文地址:https://www.cnblogs.com/ganmk/p/1207832.html
最新文章
Linux系统下,启动Tomcat有时报Address already in use
Servlet 生命周期、工作原理
简单nginx+tomca负载均衡
创建maven web项目无法创建sec目录
虚拟机选择配置:解决tomcat内存溢出
Eclipse启动时禁用不必要的验证。
cas如何去掉HTTPS认证?
CAS4.0.4 之自定义登录页实践
Elasticsearch 5.x 批量删除某type中的数据
go routine channel 协程
热门文章
go time包
go strings 包
go regexp 正则表达式使用
go xml解析二
go xml 解析一
go io操作
go string与[]byte相互转换
goland 保存时自动格式化代码 fmt
Struts2笔记——利用token防止表单重复提交
Struts2笔记——struts常用标签
Copyright © 2011-2022 走看看