js 异步处理进度条


Posted in Javascript onApril 01, 2010

1.先上图,效果如下:

js 异步处理进度条

2.使用方法

var loader=new Ajaxloader(this._ContentID,{Text:'loading......',Top:50}); 
loader.Show();

3.代码列出:
/* 
处理进度条,异步加载器 
*/ 
var Ajaxloader=new Class(); 
Ajaxloader.prototype= 
{ 
Text:'数据加载中......', 
Parent:null, 
Left:0, 
Top:30, 
Initialize:function(parentid,o) 
{ 
//alert('Init'); 
Extend(this,o); 
if(parentid) 
{ 
this.Parent=$(parentid); 
} 
return this; 
}, 
Show:function() 
{ 
if(this.Parent) 
{ 
var _obj = this.Create(); 
this.Parent.appendChild(_obj); 
} 
}, 
Create:function() 
{ 
var _div=document.createElement('div'); 
var _img=document.createElement('img'); 
_img.src='<%=WebResource("DSKJ.Web.UI.WebControls.Images.ajaxloader.gif")%>'; 
_img.style.cssText='display:block;'; 
var _load=document.createElement('h3'); 
_load.innerText = this.Text; 
_load.style.cssText='margin-top:5px;font-size:13px'; 
_div.appendChild(_img); 
_div.appendChild(_load); 
//设置div样式 
_div.style.cssText='font-size:13px;text-align:center;margin:0 auto;display:block;z-Index:99'; 
_div.style.marginTop=this.Top; 
return _div; 
} 
}

4.结束语
欢迎拍砖
Javascript 相关文章推荐
原生javascript获取元素样式属性值的方法
Dec 25 Javascript
Javascript 面向对象编程(coolshell)
Mar 18 Javascript
用jquery实现输入框获取焦点消失文字
Apr 27 Javascript
javascript:;与javascript:void(0)使用介绍
Jun 05 Javascript
JS在可编辑的div中的光标位置插入内容的方法
Nov 20 Javascript
JS+CSS3模拟溢出滚动效果
Aug 12 Javascript
微信小程序 列表的上拉加载和下拉刷新的实现
Apr 01 Javascript
浅谈Vue2.0父子组件间事件派发机制
Jan 08 Javascript
vue.js2.0点击获取自己的属性和jquery方法
Feb 23 jQuery
react项目如何使用iconfont的方法步骤
Mar 13 Javascript
JS中的算法与数据结构之二叉查找树(Binary Sort Tree)实例详解
Aug 16 Javascript
JavaScript使用prototype属性实现继承操作示例
May 22 Javascript
JavaScript中String和StringBuffer的速度之争
Apr 01 #Javascript
Cookie 小记
Apr 01 #Javascript
javascript操作cookie的文章(设置,删除cookies)
Apr 01 #Javascript
在模板页面的js使用办法
Apr 01 #Javascript
使用Microsoft Ajax Minifier减小JavaScript文件大小的方法
Apr 01 #Javascript
JS控制显示隐藏兼容问题(IE6、IE7、IE8)
Apr 01 #Javascript
JavaScript 轻松搞定快捷留言功能 只需一行代码
Apr 01 #Javascript
You might like
分割GBK中文遭遇乱码的解决方法
2013/08/09 PHP
PHP Echo字符串的连接格式
2016/03/07 PHP
PHP7新特性
2021/03/09 PHP
一个不错的应用,用于提交获取文章内容,不推荐用
2007/03/03 Javascript
jQuery 全选效果实现代码
2009/03/23 Javascript
js常用排序实现代码
2010/12/28 Javascript
js性能优化 如何更快速加载你的JavaScript页面
2012/03/17 Javascript
JS中的数组的sort方法使用示例
2014/01/22 Javascript
sogou地图API用法实例教程
2014/09/11 Javascript
jQuery事件绑定和委托实例
2014/11/25 Javascript
JavaScript设计模式之单件模式介绍
2014/12/28 Javascript
Javascript中3个需要注意的运算符
2015/04/02 Javascript
JS获取复选框的值,并传递到后台的实现方法
2016/05/30 Javascript
JavaScript将DOM事件处理程序封装为event.js 出现的低级错误问题
2016/08/03 Javascript
JavaScript 字符串常用操作小结(非常实用)
2016/11/30 Javascript
jquery插入兄弟节点的操作方法
2016/12/07 Javascript
原生JS实现跑马灯效果
2017/02/20 Javascript
在 Angular 中使用Chart.js 和 ng2-charts的示例代码
2017/08/17 Javascript
jQuery使用each遍历循环的方法
2018/09/19 jQuery
node(koa2) web应用模块介绍详解
2019/03/29 Javascript
微信小程序实现文件预览
2020/10/22 Javascript
Python实现1-9数组形成的结果为100的所有运算式的示例
2017/11/03 Python
Python实现简单网页图片抓取完整代码实例
2017/12/15 Python
pyqt5 QScrollArea设置在自定义侧(任何位置)
2019/09/25 Python
Python面向对象编程基础实例分析
2020/01/17 Python
pytorch 多分类问题,计算百分比操作
2020/07/09 Python
世界上最好的精品店:Shoptiques
2018/02/05 全球购物
MAC Cosmetics官方网站:魅可专业艺术彩妆
2019/04/10 全球购物
电气工程师岗位职责
2014/01/01 职场文书
函授毕业生自我鉴定范文
2014/03/25 职场文书
竞聘自述材料
2014/08/25 职场文书
关于读书的演讲稿800字
2014/08/27 职场文书
2015年小学校长工作总结
2015/05/19 职场文书
民间借贷纠纷案件代理词
2015/05/26 职场文书
办公室管理规章制度
2015/08/04 职场文书
浅谈Redis的事件驱动模型
2022/05/30 Redis