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
查看全文
相关阅读:
【Html】Clipboard.js 实现点击复制,剪切板操作
【转】【Python】python使用urlopen/urlretrieve下载文件时出现403 forbidden的解决方法
【Html】div 加载 html页面的方法
【WPF】创建文本字符串的路径PathGeometry
【WPF】自定义鼠标样式
Linux 错误记录
微信开放平台代公众号管理
微信开放平台获取授权公众号的流程
vue-router "path" is required in a route configuration
最大连接数“65535”的误解
原文地址:https://www.cnblogs.com/ganmk/p/1207832.html
最新文章
Sword libcurl库CURLE_COULDNT_CONNECT错误
Sword zlog日志库使用
Sword cjson库函数使用
memcpy字节序问题
Linux下文件乱码问题
C++ STL排序问题
油条做法
说说Python中的闭包
Java中使用Socket连接判断Inputstream结束,java tcp socket服务端,python tcp socket客户端
Java socket详解
热门文章
修复gitlab服务器突然停电导致PostgreSQL损坏的数据库
DRBD UpToDate/DUnknown 故障恢复
python多线程中join()的理解
炸花生米
如何发面做馒头、包子
各大技术团队博客
【转】WPF自定义控件与样式(3)-TextBox & RichTextBox & PasswordBox样式、水印、Label标签、功能扩展
【转】WPF自定义控件与样式(2)-自定义按钮FButton
【转】xhEditor技术手册 网页编辑器基础教程
【转】HTML embed标签使用方法和属性详解
Copyright © 2011-2022 走看看