您好,欢迎来到源码搜藏!分享精神,快乐你我!提示:担心找不到本站?在百度搜索“源码搜藏”,网址永远不丢失!
  • 首 页
  • 在线工具
  • 当前位置:首页 > 网页特效 > jQuery特效 >

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

    时间:2014-11-04 08:35 来源:互联网 作者:源码搜藏 浏览:收藏 挑错 推荐 打印

    效果预览 进入下载地址列表
    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动态生成订单进度步骤代码由源码搜藏网整理,转载请注明出处http://www.codesocang.com/texiao/jQuerytexiao/10924.html 源码搜藏承诺:本站所有资源无病毒,无弹窗,无干扰链接!