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 相关文章推荐
自制轻量级仿jQuery.boxy对话框插件代码
Oct 26 Javascript
JavaScript使用shift方法移除素组第一个元素实例分析
Apr 06 Javascript
jQuery拖拽插件gridster使用指南
Apr 21 Javascript
javascript实现列表滚动的方法
Jul 30 Javascript
jQuery实时显示鼠标指针位置和键盘ASCII码
Mar 28 Javascript
JS中多步骤多分步的StepJump组件实例详解
Apr 01 Javascript
深入理解Javascript中的自执行匿名函数
Jun 03 Javascript
详解自动生成博客目录案例
Dec 09 Javascript
Vue路由history模式解决404问题的几种方法
Sep 29 Javascript
vue获取form表单的值示例
Oct 29 Javascript
JavaScript算法学习之冒泡排序和选择排序
Nov 02 Javascript
vue-video-player视频播放器使用配置详解
Oct 23 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新手上路(二)
2006/10/09 PHP
php 正则匹配函数体
2009/08/25 PHP
php删除文件夹及其文件夹下所有文件的函数代码
2013/01/23 PHP
PHP获取时间排除周六、周日的两个方法
2014/06/30 PHP
PHP设计模式之建造者模式(Builder)原理与用法案例详解
2019/12/12 PHP
javascript Window及document对象详细整理
2011/01/12 Javascript
jquerymobile checkbox及时刷新才能获取其准确值
2012/04/14 Javascript
javascript生成大小写字母
2015/07/03 Javascript
基于BootStrap Metronic开发框架经验小结【四】Bootstrap图标的提取和利用
2016/05/12 Javascript
Vue数组更新及过滤排序功能
2017/08/10 Javascript
详解require.js配置路径的用法和css的引入
2017/09/06 Javascript
jQuery实现标签子元素的添加和赋值方法
2018/02/24 jQuery
vue实现动态添加数据滚动条自动滚动到底部的示例代码
2018/07/06 Javascript
angular6 利用 ngContentOutlet 实现组件位置交换(重排)
2018/11/02 Javascript
js实现带积分弹球小游戏
2020/07/21 Javascript
Python中用Descriptor实现类级属性(Property)详解
2014/09/18 Python
python实现从web抓取文档的方法
2014/09/26 Python
使用Python中的cookielib模拟登录网站
2015/04/09 Python
Python Web框架Tornado运行和部署
2020/10/19 Python
python中redis的安装和使用
2016/12/04 Python
深入分析python数据挖掘 Json结构分析
2018/04/21 Python
pandas 层次化索引的实现方法
2019/07/06 Python
python实现beta分布概率密度函数的方法
2019/07/08 Python
python统计指定目录内文件的代码行数
2019/09/19 Python
详解如何使用Pytest进行自动化测试
2021/01/14 Python
学生档案自我鉴定
2013/10/07 职场文书
公司董事长职责
2013/12/12 职场文书
应用化学专业职业生涯规划书
2013/12/31 职场文书
教师岗位聘任书范文
2014/03/29 职场文书
幼儿园保育员岗位职责
2014/04/13 职场文书
3的组成教学反思
2014/04/30 职场文书
本科毕业论文指导教师评语
2014/12/30 职场文书
2015年班主任个人工作总结
2015/03/31 职场文书
2015年食品安全工作总结
2015/05/15 职场文书
Centos7中MySQL数据库使用mysqldump进行每日自动备份的编写
2021/08/02 MySQL
MySQL性能指标TPS+QPS+IOPS压测
2022/08/05 MySQL