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 相关文章推荐
关于Ext中form移除textfield方法:hide(),setVisible(false),remove()
Dec 02 Javascript
在Node.js应用中读写Redis数据库的简单方法
Jun 30 Javascript
jQuery菜单插件用法实例
Jul 25 Javascript
js数组如何添加json数据及js数组与json的区别
Oct 27 Javascript
设计模式中的组合模式在JavaScript程序构建中的使用
May 18 Javascript
微信小程序 wx.request(OBJECT)发起请求详解
Oct 13 Javascript
浅谈jquery拼接字符串效率比较高的方法
Feb 22 Javascript
JS实现向iframe中表单传值的方法
Mar 24 Javascript
深入理解vue Render函数
Jul 19 Javascript
vue系列之动态路由详解【原创】
Sep 10 Javascript
js实现微信/QQ直接跳转到支付宝APP打开口令领红包功能
Jan 09 Javascript
vue请求本地自己编写的json文件的方法
Apr 25 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
php使用fgetcsv读取csv文件出现乱码的解决方法
2014/11/08 PHP
PHP预定义超全局数组变量小结
2018/08/20 PHP
laravel框架与其他框架的详细对比
2019/10/23 PHP
jquery操作cookie插件分享
2014/01/14 Javascript
简介JavaScript中Math.LOG10E属性的使用
2015/06/14 Javascript
WordPress中鼠标悬停显示和隐藏评论及引用按钮的实现
2016/01/12 Javascript
AngularJs 60分钟入门基础教程
2016/04/03 Javascript
jQuery css() 方法动态修改CSS属性
2016/09/25 Javascript
JS焦点图,JS 多个页面放多个焦点图的实例
2016/12/08 Javascript
Vue.js系列之项目搭建(1)
2017/01/03 Javascript
MUI顶部选项卡的用法(tab-top-webview-main)详解
2017/10/08 Javascript
使用DataTable插件实现异步加载数据
2017/11/19 Javascript
AngularJS实现的简单拖拽功能示例
2018/01/02 Javascript
微信小程序使用component自定义toast弹窗效果
2018/11/27 Javascript
VUE中使用MUI方法
2019/02/12 Javascript
VUE渲染后端返回含有script标签的html字符串示例
2019/10/28 Javascript
vue组件中传值EventBus的使用及注意事项说明
2020/11/16 Javascript
[00:12]2018DOTA2亚洲邀请赛 sylar表现SOLO技艺
2018/04/06 DOTA
Python使用Tkinter实现机器人走迷宫
2018/01/22 Python
Python中出现IndentationError:unindent does not match any outer indentation level错误的解决方法
2020/04/18 Python
对Python协程之异步同步的区别详解
2019/02/19 Python
Python神奇的内置函数locals的实例讲解
2019/02/22 Python
python paramiko远程服务器终端操作过程解析
2019/12/14 Python
Django-rest-framework中过滤器的定制实例
2020/04/01 Python
Scrapy项目实战之爬取某社区用户详情
2020/09/17 Python
Python可视化工具如何实现动态图表
2020/10/23 Python
欧舒丹比利时官网:L’OCCITANE比利时
2017/04/25 全球购物
德国化妆品和天然化妆品网上商店:kosmetikfuchs.de
2017/06/09 全球购物
中国领先的汽车保养服务平台:途虎养车
2019/10/18 全球购物
nohup的用法
2014/08/10 面试题
最新大学职业规划书范文
2013/12/30 职场文书
工作的心得体会
2013/12/31 职场文书
2015年大学迎新工作总结
2015/07/16 职场文书
企业宣传稿范文
2015/07/23 职场文书
新手必备Python开发环境搭建教程
2021/05/28 Python
Java 常见的限流算法详细分析并实现
2022/04/07 Java/Android