JS进度条动画代码
2014-01-10 04:38:33 -0500
代码来自笑忘书网盘
HTML代码
<style type="text/css"> #ibox{line-height:20px;height:20px;background:#ccc;text-align:left;margin:5px auto 0 auto;} #iLoading{color:#fff;font-size:12px;line-height:20px;width:0px;height:20px;background:red;text-align:center;position: absolute;} </style> <script type="text/javascript"> window.onload=function(){ var idiv=document.getElementById('iLoading'); var ibox=document.getElementById('ibox'); var timer=null; timer=setInterval(function(){ var iWidth=idiv.offsetWidth/ibox.offsetWidth*100; idiv.style.width=idiv.offsetWidth+1+'px'; idiv.innerHTML=Math.round(iWidth)+"%"; if(iWidth==100){ clearInterval(timer); } },1); } </script> <div id="ibox"> <div id="iLoading"></div> </div>
代码演示
«Newer
Older»
Back to home
Subscribe
|
Register
|
Login
|
N