首页

源码搜藏网

首页 > 网页特效 > jQuery特效 >

jQuery动态生成订单进度步骤代码

创建时间:2014-11-04 08:35  浏览

jQuery动态生成订单进度步骤代码
jQuery动态生成订单进度步骤代码
在线演示进入下载地址列表
jQuery动态生成订单进度步骤代码jQuery动态生成订单进度步骤代码,提取后台传输到页面的数据,根据数据进行进度的变更。默认设置初始值进行进度的变更。jquery进度条生成订单进度代码

<script type="text/javascript">
$(function() {
setTimeout("changeDivStyle();", 100); // 0.1秒后展示结果,因为HTML加载顺序,先加载脚本+样式,再加载body内容。所以加个延时
});
function changeDivStyle(){
// var o_status = $("#o_status").val(); //获取隐藏框值
var o_status = 4;
if(o_status==0){
$('#create').css('background', '#DD0000');
$('#createText').css('color', '#DD0000');
}else if(o_status==1||o_status==2){
$('#check').css('background', '#DD0000');
$('#checkText').css('color', '#DD0000');
}else if(o_status==3){
$('#produce').css('background', '#DD0000');
$('#produceText').css('color', '#DD0000');
}else if(o_status==4){
$('#delivery').css('background', '#DD0000');
$('#deliveryText').css('color', '#DD0000');
}else if(o_status>=5){
$('#received').css('background', '#DD0000');
$('#receivedText').css('color', '#DD0000');
}
}
</script>

上一篇:jquery九宫格大转盘抽奖代码
下一篇:jQuery选项卡切换图片异步加载代码

相关内容