一个部分封装的漂亮进度条
来源:互联网 发布:耳机好还是音响好 知乎 编辑:程序博客网 时间:2024/05/14 04:44
<div style="background: url('http://screenprint2007.cpp114.com/UserFiles/20070412155452218.gif') no-repeat;text-align:center;width:256px;height:18px;position:absolute;top:110;left:10;font-size:13px">
<div id="proc" style="background: url('http://screenprint2007.cpp114.com/UserFiles/20070412155424937.gif');position:absolute;top:0;left:0;width:0px;height:18px;font-size:13px"></div>
<div style="position:absolute;top:2;left:0;width:256px;height:18px;text-align:center;font-size:13px;background:transparent"> </div>
</div>
<br><br><br><br><br><br>
<input type="button" value="start" onclick="processBar.changeMode();if(processBar.isMoving){this.value='Stop';}else{this.value='Start';}">
<script>
document.execCommand("BackgroundImageCache",false,true);
function ProcessBar(obj){
this.isMoving = false;
this.maxLength = parseInt(obj.parentNode.style.width.replace("px",""));
this.nowLength = parseInt(obj.style.width.replace("px",""));
this.moveInterval = 100;
this.moveRange = 1;
this.timer;
this.obj = obj;
ProcessBar.nowObj = this;
this.changeMode = function(){
this.isMoving = !this.isMoving;
if(this.isMoving){
this.timer = window.setInterval(ProcessBar.nowObj.moving, this.moveInterval);
}else{
window.clearInterval(this.timer);
}
}
this.moving = function(){
ProcessBar.nowObj.nowLength += ProcessBar.nowObj.moveRange;
ProcessBar.nowObj.obj.style.width = ProcessBar.nowObj.nowLength;
ProcessBar.nowObj.obj.parentNode.lastChild.firstChild.data = Math.ceil((ProcessBar.nowObj.nowLength/ProcessBar.nowObj.maxLength)*100) + "%";
if(ProcessBar.nowObj.nowLength >= ProcessBar.nowObj.maxLength){
window.clearInterval(ProcessBar.nowObj.timer);
ProcessBar.nowObj.obj.parentNode.lastChild.firstChild.data = "Complete!";
}
}
}
var processBar = new ProcessBar(proc);
</script>
- 一个部分封装的漂亮进度条
- 一个js写的漂亮的进度条
- 一个漂亮的自定义圆形进度条
- javascript 封装好的漂亮的进度条.html
- CBmpProgCtrl漂亮的进度条
- CBmpProgCtrl漂亮的进度条
- 很漂亮的进度条
- 自定义漂亮的进度条
- 『精品批处理』一个漂亮的进度条源码
- 简单封装的一个彩色进度条【原创】
- 简单封装的一个彩色进度条【原创】
- 封装一个特别好看的进度条样式!
- 自定义漂亮的圆形进度条
- 自定义漂亮的圆形进度条
- 漂亮的按键。进度条,菜单
- 封装一个进度条倒计时更新
- CircleProgressBar 一个界面漂亮功能强大的圆形进度条,支持多种属性
- 用VB做个漂亮的进度条
- 非脚本式下拉菜单[
- VC常用数据类型
- about inherit
- 程序员与程序经理(转载)
- finalize()和system.gc()的区别
- 一个部分封装的漂亮进度条
- Intel.VTune.Performance.Analyzer.v8.0.014.ISO下载
- 线程基础知识
- C#中,两个事件的叠加,结果会如何?
- 刷新不变化的树形菜单
- asp.net中最简单的XML创建、写入操作小例
- redo the auto created code
- Java 中一个猜数游戏
- JBuilder2005实战JSP之错误处理