仿手机QQ的请求状态进度条

<Html>
<Head>

<Title>康董的状态提示条</Title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style>
body{
font-size:12px;
text-align:center;
}
#a{
 position:absolute;

 top:250px;
 left:250px;
 width:500px;
 height:30px;
 border:1px solid lightblue;
 


}

#b{
 position:absolute;

 left:0px;
 margin-top:1px;
 width:100px;
 height:26px;
 border:1px solid black;
 background-color:#999900;
 
}
#text{
 position:absolute;

 width:500px;
 left:0px;
 margin-top:10px;
}
</style>

</Head>
<body>
<div>作者:康董|Csdn会员名:TaoTaoYou|QQ:30458885
</div>

<div id="a">
 
 <div id="b"></div>
 <div id="text">系统正在处理您的请求,请稍候......</div>
</div>

<script language="javascript">
 //滚到终点以后不会滚回来,一直没有完善,完善的朋友请QQ发给我一份,谢谢!
 var b = document.getElementById("b");
 var a = document.getElementById("a");

 var b_Left = parseInt(b.currentStyle.left);
 var setTimeMove;
function MoveDiv(){
 if(b_Left!=396){
 b_Left=b_Left+1;
 b.style.left = b_Left;
 
}

 }
function setTime(){
 setTimeMove=setInterval("MoveDiv()","50")
 }
setTime();
</script>

</body>
</html>

 

出自:Web圈

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值