哪位仁兄帮我看下,看看错误出在哪里?
时间:2011-08-26
来源:互联网
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<style type="text/css" >
#order_edit{width:600px; border:1px solid #FFF}
#order_edit ul li{ list-style:none; float:left; margin-left:10px; }
.up{ background-color:#3CF;}
.down{ background-color:#0CC;}
.gray{ background-color:#FFF; color:#CCC;}
.blue{ background-color:#09F; color:#FFF;}
.black{background-color:#FFF; color:#000;}
</style>
<div id="order_edit" >
<div>
<ul>
<li id="stu1" >未付款--></li>
<li id="stu2">已付款--></li>
<li id="stu3">未发货--></li>
<li id="stu4">已发货--></li>
<li id="stu5">已收货--></li>
<li id="stu6">交易完成</li>
<li class="clear"></li>
</ul><br/>
<span id="up" class="up" onClick="next('up')" >上一步</span> <span id="down" class="down" onClick="next('down')">下一步</span>
<input type="text" id="step" value="4" style="visibility:hidden;" />
</div>
</div>
<script>
$(function(){
var sta=$("#step").val();
for(var i=1;i<7;i++){
$("#stu"+i).addClass("gray");
if(i==sta){
$("#stu"+i).addClass("blue");
}
if(i>sta){
$("#stu"+i).addClass("black");
}
}
});
function next(obj){
var a = $("#step").val();
if(obj=='up'){
var b=a*1-1;
if(b<=0){b=1;}
$("#step").attr("value",b);
$(function(){
var sta=$("#step").val();
for(var i=1;i<7;i++){
$("#stu"+i).addClass("gray");
if(i==sta){
$("#stu"+i).addClass("blue");
}
if(i>sta){
$("#stu"+i).addClass("black");
}
}
});
}
if(obj=="down"){
var b=a*1+1;
if(b>=7){ b=6;}
$("#step").attr("value",b);
$(function(){
var sta=$("#step").val();
for(var i=6;i>=1;i--){
$("#stu"+i).addClass("gray");
if(i==sta){
$("#stu"+i).addClass("blue");
}
if(i>sta){
$("#stu"+i).addClass("black");
}
}
});
}
}
</script>
<style type="text/css" >
#order_edit{width:600px; border:1px solid #FFF}
#order_edit ul li{ list-style:none; float:left; margin-left:10px; }
.up{ background-color:#3CF;}
.down{ background-color:#0CC;}
.gray{ background-color:#FFF; color:#CCC;}
.blue{ background-color:#09F; color:#FFF;}
.black{background-color:#FFF; color:#000;}
</style>
<div id="order_edit" >
<div>
<ul>
<li id="stu1" >未付款--></li>
<li id="stu2">已付款--></li>
<li id="stu3">未发货--></li>
<li id="stu4">已发货--></li>
<li id="stu5">已收货--></li>
<li id="stu6">交易完成</li>
<li class="clear"></li>
</ul><br/>
<span id="up" class="up" onClick="next('up')" >上一步</span> <span id="down" class="down" onClick="next('down')">下一步</span>
<input type="text" id="step" value="4" style="visibility:hidden;" />
</div>
</div>
<script>
$(function(){
var sta=$("#step").val();
for(var i=1;i<7;i++){
$("#stu"+i).addClass("gray");
if(i==sta){
$("#stu"+i).addClass("blue");
}
if(i>sta){
$("#stu"+i).addClass("black");
}
}
});
function next(obj){
var a = $("#step").val();
if(obj=='up'){
var b=a*1-1;
if(b<=0){b=1;}
$("#step").attr("value",b);
$(function(){
var sta=$("#step").val();
for(var i=1;i<7;i++){
$("#stu"+i).addClass("gray");
if(i==sta){
$("#stu"+i).addClass("blue");
}
if(i>sta){
$("#stu"+i).addClass("black");
}
}
});
}
if(obj=="down"){
var b=a*1+1;
if(b>=7){ b=6;}
$("#step").attr("value",b);
$(function(){
var sta=$("#step").val();
for(var i=6;i>=1;i--){
$("#stu"+i).addClass("gray");
if(i==sta){
$("#stu"+i).addClass("blue");
}
if(i>sta){
$("#stu"+i).addClass("black");
}
}
});
}
}
</script>
作者: circle001 发布时间: 2011-08-26
错误提示呢
作者: chendong_j 发布时间: 2011-08-26
相关阅读 更多
热门阅读
-
office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐 附激活工具
阅读:74
-
如何安装mysql8.0
阅读:31
-
Word快速设置标题样式步骤详解
阅读:28
-
20+道必知必会的Vue面试题(附答案解析)
阅读:37
-
HTML如何制作表单
阅读:22
-
百词斩可以改天数吗?当然可以,4个步骤轻松修改天数!
阅读:31
-
ET文件格式和XLS格式文件之间如何转化?
阅读:24
-
react和vue的区别及优缺点是什么
阅读:121
-
支付宝人脸识别如何关闭?
阅读:21
-
腾讯微云怎么修改照片或视频备份路径?
阅读:28