大同申请400电话费用【大同企业全国热线电话办理】大同开通400电话电信价格、大同微信公众号代运营外包托管、大同网店编辑装修美工、大同网站推广优化大概需要多少钱

发表日期： 2021-05-21 16:11:14 浏览次数：67

网站建设.jpg

大同，古称云中、平城，是山西省地级市，国务院批复确定的中国晋冀蒙交界地区中心城市之一、重要的综合能源基地 [1] 。截至2018年，全市下辖4个区、6个县，总面积14176平方千米，建成区面积202.74平方千米，常住人口346.30万人，城镇人口227.23万人，城镇化率65.62%。 [2]

大同地处中国华北地区、山西北部、大同盆地中心、晋冀蒙三省区交界处、黄土高原东北边缘，实为全晋之屏障、北方之门户，且扼晋、冀、内蒙之咽喉要道，北隔长城与内蒙古自治区乌兰察布市接壤 [3] ，是山西省省域副中心城市，历代兵家必争之地，有“北方锁钥”之称。 [4] 大同是首批国家历史文化名城之一、曾是北魏首都，辽、金陪都，境内古迹众多，著名的文物古迹包括云冈石窟、华严寺、善化寺、恒山悬空寺、九龙壁等 [4] ，是中国首批13个较大的市之一、中国九大古都之一、国家新能源示范城市、中国优秀旅游城市、国家园林城市 [5] 、全国双拥模范城市、全国性交通枢纽城市、中国雕塑之都、中国十佳运动休闲城市。

大同是中国最大的煤炭能源基地之一，国家重化工能源基地，神府、准格尔新兴能源区与京津唐发达工业区的中点。素有“凤凰城”和“中国煤都”之称。 2019年8月13日，入选全国城市医疗联合体建设试点城市。 [6]

2019年，大同市地区生产总值实现1318.8亿元，按不变价格计算，比上年增长6.7%。 [2]

随着互联网的发展，不论是金融还是其他类型的公司，越来越多的倾向于拥有一个自己的电商网站，通过网络平台来完成自己线下、线上的交易，那么，在电商平台中，前端程序员们必须要拥有一套自己的开发思路、自己的电商模式，这其中包括我们的类似淘宝评价效果，这是前端开发中不可或缺的。如下，淘宝评价效果图：

那么今天我们就来为大家提供这么一整套流程，仅供大家参考：
HTML部分：

<body>
    <h2 class="text-center">模拟淘宝评价效果</h2>
    <div class="main">
        <div class="obj">
        &nb sp;   <span class="s_tit z">宝贝雨描述相符</span>
           ;  <ul class="start z" start_num="0">
        &nb sp;       <li start="1"></li>
           ;      <li start="2"></li>
        &nb sp;       <li start="3"></li>
           ;      <li start="4"></li>
        &nb sp;       <li start="5"></li>
           ;  </ul>
        &nb sp;   <b class="s_score z"></b>
           ;  <span class="s_review z"></span>
        </div>
        <div class="obj">
        &nb sp;   <span class="s_tit z">卖家的服务态度</span>
           ;  <ul class="start z" start_num="0">
        &nb sp;       <li start="1"></li>
           ;      <li start="2"></li>
        &nb sp;       <li start="3"></li>
           ;      <li start="4"></li>
        &nb sp;       <li start="5"></li>
           ;  </ul>
        &nb sp;   <b class="s_score z"></b>
           ;  <span class="s_review z"></span>
        </div>
        <div class="obj">
        &nb sp;   <span class="s_tit z">卖家发货的速度</span>
           ;  <ul class="start z" start_num="0">
        &nb sp;       <li start="1"></li>
           ;      <li start="2"></li>
        &nb sp;       <li start="3"></li>
           ;      <li start="4"></li>
        &nb sp;       <li start="5"></li>
           ;  </ul>
        &nb sp;   <b class="s_score z"></b>
           ;  <span class="s_review z"></span>
        </div>
        <button class="btn btn- primary" id="submit">提交评价</button>
    </div>
</body>

CSS部分：

.main{ position: absolute; width: 800px; height: 300px; left: 50%; top: 40%; margin-left: -350px; margin-top: -100px; font-size: 14px; font-family: "宋体"; background:#FFF; padding:50px;}
.obj{ line- height: 20px; padding: 5px; overflow: hidden;}
.obj .start li{ float: left; width: 24px; height: 20px; background: url(img/star.gif) no-repeat; background-position: 0 - 20px; cursor: pointer;}
.obj .start li.hover{background-position: 0 0;}
.obj .s_tit{ width: 110px; text-align: left;}
.obj .s_score{ margin: 0 10px 0 20px; color: #FF6500; width: 40px; height:20px;overflow: hidden;}
.obj .s_review{ width: 350px; text-align: left;}
.btn{ padding: 2px 10px; cursor: pointer; float: left; margin:40px 0 0 80px;}

JS部分：

$(function(){
    var j=0;
    $(".start li",this).hover(function(){
        addRemoveCl ass($(this));
    },function(){
        var starts=$(this).parent("ul").attr("start_num");//获取当前星星个数
        var $self=$(this).parent("ul");
        if(starts=="0"){//如果当前无点击
        &nb sp;   $self.children("li").removeClass("hover");
        } else{//判断当前点击的个数,增加删除样式
        &nb sp;   starts--;
           ;  $self.children("li:lt ("+starts+") ").addClass("hover");
        &nb sp;   $self.children("li:gt ("+starts+") ").removeClass("hover");
           ;  $self.children("li:eq ("+starts+") ").addClass("hover");
        }
    });
    $(".start li",this).click(function(){
        addRemoveCl ass($(this));
        var $self=$(this).parent("ul");
        j=0;//统计this ul 中选中的星星个数
        $se lf.children("li").each (function() {
           ;  if($(this).hasClass("hover")) {
        &nb sp;       j++;
           ;  }
        });
        $self.attr ("start_num",j);//将当前分值传送start_num保存
        var scroe=$(this).attr("start");//获取当前分值
        var index=$(this).parent("ul").parent(".obj").index();//获取当前星星行数，区分评价效果
        $se lf.siblings(".s_score").html (scroe+"分 ");//显示分值
        $self.sibli ngs(".s_review").html (desc(index)[(parseInt(scroe)-1)]);//显示评论
    });
    $("#submit").click(function(){
        var sum="";
        $("ul.start").each(function(){
        &nb sp;   sum+=$(this).attr("start_num")+" ";
        });
        ale rt("您对本次评价得分依次是： "+sum);
    });
})
//增加触发点前部样式，删除出发后部样式
function addRemoveClass(obj) {
    obj.addClass("hover").prevAll("li").addClass("hover");
    obj.nextAll ("li").removeClass ("hover");
}
//分数评论，根据参数i，return数组
function desc(i) {
    if(i==0){
        return new Array("差得太离谱，与卖家描述的严重不符，非常不满 ", "部分有破损，与卖家描述的不符，不满意", "质量一般，没有卖家描述的那么好 ", "质量不错，与卖家描述的基本一致，还是挺满意的 ", "质量非常好，与卖家描述的完全一致，非常满意 ");
    }else if(i==1){
        return new Array("卖家态度很差，还骂人、说脏话，简直不把顾客当回事 ", "卖家有点不耐烦，承诺的服务也兑现不了", "卖家回复问题很慢，态度一般，谈不上沟通顺畅 ", "卖家服务挺好的，沟通挺顺畅的，总体满意", "卖家的服务太棒了，考虑非常周到，完全超出期望值 ");
    }else if(i==2){
        return new Array("再三提醒下，卖家超过一天才发货，耽误我的时间 ", "卖家发货有点慢的，催了几次终于发货了", "卖家发货速度一般，提醒后才发货的 ", "卖家发货还算及时", " 卖家发货速度非常快");
    }
}

上一页：大同400电话申请开通【大同企业网站建设】大同微信公众号小程序开发运营价格、大同微信公众号APP软件客户端设计运营、大同网页页面设计公司费用、大同公司网站制作方案流程改版维护大概需要多少钱

下一页：六盘水网站建设【六盘水网络公司】六盘水做网站、六盘水微信公众号开发、六盘水网站设计、六盘水小程序制作