<p><html><head></head><title></title><metacharset="utf-8"><scripttype="text/javascript"src="move.js"></script><scripttype="text/javascript">varMethod=function(obj,vOpts){varvobj=obj;varopts={start:1,finish:3,step:1,nowStep:0}opts=vOpts;this.step1=function(){vOpts.nowStep=vOpts.start+vOpts.step;this.setWidth(vOpts.nowStep);}this.step2=function(){vOpts.nowStep=vOpts.nowStep+vOpts.step;this.setWidth(vOpts.nowStep);}this.setWidth=function(Prec){startMove(vobj.children[0],{width:600*Prec/vOpts.finish})//vobj.children[0].style.width=100*Prec/vOpts.finish+'%';}}window.onl劳务派遣系统软件d=function(){varpp=document.getElementById('progress');varmm=newMethod(pp,{start:0,finish:3,step:1,nowStep:0});mm.step1();setTimeout(function(){mm.step2();},3000);}</script><styletype="text/css">#progress{border:1pxsolidgray;width:600px;height:30px;margin:0200;position:relative;padding:1;}.pbar{background-color:#ff6600;width:20px;position:absolute;height:30px;}#btngo{display:inline-block;text-align:center;width:100px;background-color:#ff6600;text-decoration:none;padding:5px;margin:0200;font-family:"微软雅黑";color:#333}</style><body><divid="progress"><divclass="pbar"id="pbar"></div></div><div><aid="btngo"href="#">开始</a></div></body></html>move里面的分装：</p><p>functiongetStyle(obj,name)//获取CSS样式兼容{if(obj.currentStyle){returnobj.currentStyle[name];}else{returngetComputedStyle(obj,false)[name];}}//startMove(oDiv,{width:400,height:400})functionstartMove(obj,json,fnEnd){clearInterval(obj.timer);obj.timer=setInterval(function(){varbStop=true;//假设：所有值都已经到了for(varattrinjson){varcur=0;if(attr=='opacity'){cur=Math.round(parseFl劳务派遣系统软件t(getStyle(obj,attr))*100);}else{cur=parseInt(getStyle(obj,attr));}varspeed=(json[attr]-cur)/6;speed=speed>0?Math.ceil(speed):Math.floor(speed);if(cur!=json[attr])bStop=false;if(attr=='opacity'){obj.style.filter='alpha(opacity:'+(cur+speed)+')';obj.style.opacity=(cur+speed)/100;}else{obj.style[attr]=cur+speed+'px';}}if(bStop){clearInterval(obj.timer);if(fnEnd)fnEnd();}},30);}</p><p>截图：本文由免费劳务派遣系统软件系统起航劳务派遣系统原创，转载请注明出处。</p>
