javascript 进度条 进度条不要有百分比，一个时间条里有个小方框，来回走，始终不停止。
这个有人做过吗？现在的代码都是有时间的，到时间就停。有没有源码啊？帮忙写一下。如果是图片去那找这样的图片啊？能不能加上点注释？如果我想调整一下宽度和颜色什么的在那里修改啊...
这个有人做过吗？现在的代码都是有时间的，到时间就停。
有没有源码啊？帮忙写一下。如果是图片去那找这样的图片啊？
能不能加上点注释？如果我想调整一下宽度和颜色什么的在那里修改啊？ 展开
有没有源码啊？帮忙写一下。如果是图片去那找这样的图片啊？
能不能加上点注释？如果我想调整一下宽度和颜色什么的在那里修改啊？ 展开
3个回答
展开全部
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>正在准备数据</title>
<style type="text/css">
.box1 {
position:relative;
top:230px;
width:120px;
height:2px;
z-index:1;
overflow: hidden;
padding: 0px;
background-color: #000;
clear: both;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
.box1 .pix{
float: left;
height: 2px;
width: 12px;
background-color: #FFC;
display: block;
}
body {
background-color: #B4D3ED;
font-size: 12px;
line-height: 12px;
color: #999;
}
</style>
<script src="/zql-gb2312.js"></script>
</head>
<body>
<div id="box" class="box1"><div id="px" class='pix'></div></div>
</body>
</html>
<script>
//$(function(){
var i = 0,
k = 0,
j = 0,
$ = function(a){return document.getElementById(a)};
setInterval(function(){
k ++;
i += 3;
if( (k % 14) == 0){
j ++;
}
$("px").style.marginLeft = i;
if(i > 120){
i = -13;
}
}, 20);
//})
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>正在准备数据</title>
<style type="text/css">
.box1 {
position:relative;
top:230px;
width:120px;
height:2px;
z-index:1;
overflow: hidden;
padding: 0px;
background-color: #000;
clear: both;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
.box1 .pix{
float: left;
height: 2px;
width: 12px;
background-color: #FFC;
display: block;
}
body {
background-color: #B4D3ED;
font-size: 12px;
line-height: 12px;
color: #999;
}
</style>
<script src="/zql-gb2312.js"></script>
</head>
<body>
<div id="box" class="box1"><div id="px" class='pix'></div></div>
</body>
</html>
<script>
//$(function(){
var i = 0,
k = 0,
j = 0,
$ = function(a){return document.getElementById(a)};
setInterval(function(){
k ++;
i += 3;
if( (k % 14) == 0){
j ++;
}
$("px").style.marginLeft = i;
if(i > 120){
i = -13;
}
}, 20);
//})
</script>
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
告诉你吧，你说的这种进度条用这样的Gif图片就行了，到了时间把这图片移掉就OK了
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
jquery有ProgressBar组件，看看那个吧
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
