2 Star 1 Fork 1

徐子玉/你若在线

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
item_car.html 30.03 KB
一键复制 编辑 原始数据 按行查看 历史
徐子玉 提交于 2017-07-05 11:01 . +seck
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8" />
<meta name="keywords" content="绍兴买车优惠信息,绍兴新车优惠">
<meta content="绍兴你若学车为学员提供了新车优惠信息,让您考出驾照的第一时间能够买到便宜又喜欢的汽车。 " name="description">
<meta name="author" content="author :Jaida">
<!-- viewport 可以让布局在移动浏览器上显示的更好 -->
<meta name="viewport" content="width=device-width, initial-scale=1, minimal-ui">
<!-- 如果你的网站不是响应式的,请不要使用 initial-scale 或者禁用缩放 -->
<meta name="viewport" content="width=device-width,user-scalable=yes">
<!-- 优先使用 IE 最新版本和 Chrome -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<!-- 百度禁止转码 百度可能会对你的网页进行转码 -->
<meta http-equiv="Cache-Control" content="no-siteapp" />
<link rel="icon" type="images/x-icon" href="favicon.ico">
<title>绍兴买车优惠信息_绍兴你若学车网</title>
<!-- css -->
<link href="css/reset.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/comHeadFoot.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/headCommon.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/footCommon.css" rel="stylesheet" type="text/css" media="all" />
<!--js-->
<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="js/jquery.nicescroll.min.js"></script>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=lQMrPKvPQMWySlwGUePZGGVd"></script>
<!--<script type="text/javascript" src="js/select_jQ.js"></script>-->
</head>
<body style="background: #fafafa;">
<!--预约遮罩-->
<div class="orderMask" style="display: none;">
<div class="orderMask_box2">
<div class="orderMask_til">请输入您的手机号</div>
<div class="orderMask_vicetil">我们将为您保留名额,并主动联系您</div>
<input class="orderMask_input" type="text" placeholder="请输入您的手机号"/>
<p class="orderMask_tips" style="display: none;">请填写正确手机号</p>
<a href="javascript:;" class="orderMask_btn">提交</a>
<a class="ordermaskClose" href="javascript:;">X</a>
</div>
</div>
<!--旧头部-->
<!--<div class="index_topgg"></div>
<div class="index_header">
<div class="wrapper">
<ul class="index_headerInfor">
<li>联系客服:4001-800-805 </li>
<li><a target="_blank" href="http://120.26.45.199:3255/default.aspx?ReturnUrl=%2f">商家中心</a></li>
<li><a href="javascript:;">我的订单</a></li>
<li><a href="javascript:;">注册</a></li>
<li><a href="javascript:;">登录</a></li>
</ul>
<div class="index_headerNav clearfix">
<div class="index_headerNav_logo"><a href="index.html"><img src="images/logonew.png"></a></div>
<div class="index_headerNav_nav">
<div class="headerSearch clearfix">
<div class="header_city">
<p class="nowcityname">绍兴</p>
<!--<a href="javascript:;" class="changcity">切换城市</a>-->
<!--</div>
<div class="header_searchbox">
<div class="searchbox">
<div class="searchtype">
<div class="searchtype_p"><span>学车</span><i class="iconarrow_d"></i></div>
<div class="searchdropdown" style="display: none;">
<ul>
<li>学车</li>
<li>4s店</li>
</ul>
</div>
</div>
<input type="text" class="searcinputbox" />
<a href="javascript:;" class="searcinputsubmit">搜索</a>
</div>
</div>
</div>
<div class="headerNavpart">
<ul>
<li class=""><a href="index.html">首页</a></li>
<li class=""><a href="storeListnew.html?kindId=1">学车</a></li>
<li class=""><a href="javascript:;">二手车</a></li>
<li class=""><a href="baoming.html">我要报名</a></li>
<li class=""><a href="CarFilter.html">新车</a></li>
</ul>
</div>
</div>
<div class="index_headerNav_qrcode">
<img src="images/index_headerNav_qrcode.png" />
</div>
</div>
</div>-->
<!--<script type="text/javascript">
$(function(){
$('.searchtype_p').click(function(){
$('.searchdropdown').stop().slideDown(300);
});
$('.searchdropdown ul li').click(function(){
var newtype = $(this).html();
$(this).parents('.searchdropdown').siblings('.searchtype_p').html(newtype+'<i class="iconarrow_d"></i>');
$(this).parents('.searchdropdown').slideUp(300);
//console.log(newtype);
});
$(document).bind('click', function(e) {
var target = $(e.target);
if (target.closest(".searchtype_p,.searchdropdown ul li").length == 0) {
$(".searchdropdown").stop().slideUp(200);
};
e.stopPropagation();
});
});
</script>-->
<!--</div> -->
<!--新头部-->
<div class="global_top_bar">
<div class="wrapper">
<ul class="index_headerInfor">
<li>客服热线:<span class="header_tel">4001-800-805</span></li>
<li>|</li>
<li id="glHd_APP" >
<a href="#">下载APP</a>
<div class="hd_menu_drop" style="display:none;">
<div class="hd_menu_left">
<img src="images/qrcodeAPP.png" />
</div>
<div class="hd_menu_right">
<a target="_blank" href="http://a.app.qq.com/o/simple.jsp?pkgname=com.jytec.step"><i class="icon_android"></i><span>Android</span></a>
<a target="_blank" href="https://appsto.re/cn/G2f_4.i"><i class="icon_iphone"></i><span>iPhone</span></a>
</div>
</div>
</li>
<li>|</li>
<li><a target="_blank" href="http://120.26.45.199:3255/default.aspx?ReturnUrl=%2f">商家中心</a></li>
</ul>
</div>
</div>
<!--搜索头部-->
<div class="index_header">
<div class="wrapper clearfix">
<div class="index_header_navLeft">
<div class="header_navLeft_top clearfix">
<div class="index_header_logo">
<a href="index.html">
<img src="images/logo_new.png" alt="只做优质的学车服务" />
</a>
</div>
<div class="header_search clearfix">
<div class="header_city">
<p>绍兴</p>
</div>
<div class="header_searchbox">
<div class="searchbox">
<div class="searchtype">
<div class="searchtype_p">
<span>教练</span>
<i class="iconarrow_d" style="display: none;"></i>
</div>
</div>
<input class="searcinputbox" type="text">
<a class="searcinputsubmit" href="javascript:;">搜索</a>
</div>
</div>
</div>
</div>
<div class="headerNavpart">
<ul>
<li><a href="index.html">首页</a></li>
<li><a href="http://www.nrzxo.com/storeListnew.html" target="_blank">学车</a></li>
<li><a href="map.html" target="_blank">训练场地</a></li>
<li><a href="http://www.nrzxo.com/compensation.html" target="_blank">我要报名</a></li>
<li><a href="applyNotice.html" target="_blank">常见问题</a></li>
<li class="activeOne"><a href="http://www.nrzxo.com/CarFilter.html" target="_blank">新车</a></li>
<li><a href="newsList.php" target="_blank">新闻资讯</a></li>
</ul>
</div>
</div>
<div class="index_header_navRight">
<img src="images/images/erweima.png" />
</div>
</div>
</div>
<!--item内容-->
<div id="itemcon">
<div id="itemcon_head">
<div class="wrapper clearfix">
<div class="itemcon_head_l">
<div class="itemcon_head_pic"><img id="storePic" src="http://120.26.45.199:3255/fileManager/StorePhoto/201506051446272401_thumb.jpg"></div>
<div class="itemcon_head_name">
<div class="mainname"></div>
<div class="vicename"> — 你若官方旗舰店 — </div>
</div>
</div>
<div class="itemcon_head_r">
<div class="itemcon_head_shopphone"></div>
<div class="itemcon_head_address"></div>
</div>
</div>
</div>
<div id="itemcon_nav">
<div class="wrapper clearfix">
<ul class="itemcon_nav">
<li class=""><a href="#itemcon">店铺首页</a></li>
<li class="commoditydetail"><a href="#itemcon_detail">产品详情</a></li>
<li class="gocaraddress"><a href="#itemcon_detail">店铺位置</a></li>
</ul>
</div>
</div>
<div id="itemcon_main" class="clearfix">
<div class="itemcon_main_l">
<!--图片展示-->
<div class="itemcon_main_showimg">
<div class="showimg_big">
<img src="" />
</div>
<div class="showimg_scrollbar">
<ul class="showimg_scrollbar_list">
</ul>
<a href="javascript:;" class="scrollbar_arrow_btn scrollbar_arrow_left" style="display:none ;"></a>
<a href="javascript:;" class="scrollbar_arrow_btn scrollbar_arrow_right" style="display:none ;"></a>
</div>
</div>
</div>
<div class="itemcon_main_r">
<!--标题价格-->
<div class="itemcon_itemhead">
<div class="itemcon_itemtil">
</div>
<div class="itemcon_itemprice">
</div>
</div>
<!--副标题收藏-->
<div class="itemcon_itemstate">
<div class="itemcon_itemvicetil_l">经销商报价:</div>
<div class="itemcon_itemvicetil_r clearfix" style="display: none;">
<a href="javascript:;" class="itemcon_collect"><i class="icon_collect"></i>收藏</a>
<a href="javascript:;" class="itemcon_share"><i class="icon_shart"></i>分享到</a>
</div>
</div>
<!--预付定金-->
<div class="itemcon_payment">
<div class="itemcon_items_til">
预付定金
</div>
<div class="itemcon_payment_con"></div>
</div>
<!--车 款-->
<div class="itemcon_items clearfix">
<div class="itemcon_items_til">
&nbsp;&nbsp;
</div>
<ul class="itemcon_items_con itemcon_items_conCAR">
</ul>
</div>
<!--数量-->
<div class="itemcon_itemnum clearfix">
<div class="itemcon_itemnum_li">已售<span>0</span></div>
<div class="itemcon_itemnum_li"><span>5.0分</span></div>
<div class="itemcon_itemnum_li"><span>0人</span>评价</div>
</div>
<!--预约-->
<div class="itemcon_order">
<a href="javascript:;" class="itemcon_order_btn">预约试驾</a>
<div class="itemcon_order_phone">看车电话:<span id="storePhone">4001-800-805</span></div>
</div>
<!--承诺-->
<div class="itemcon_promise">
<div class="itemcon_items_til">
服务承诺
</div>
<div class="itemcon_promise_pic">
<img src="images/images/itemcon_promise_pic2.jpg" />
</div>
</div>
</div>
</div>
<!--其他车型-->
<div id="itemcon_main_other">
<div class="itemcon_main_other_header">
<span>其他车型</span>
<a href="javascript:;" class="exchangebtn_up"></a>
<a href="javascript:;" class="exchangebtn_down"></a>
</div>
<div class="itemcon_main_other_div">
<ul class="itemcon_main_other_concar clearfix">
</ul>
</div>
</div>
<!--产品详情 -->
<div id="itemcon_detail">
<div class="itemconDetail_head">
<div class="itemconDetail_head_li liactive">产品详情</div>
<div class="itemconDetail_head_li">店铺位置</div>
</div>
<div class="itemconDetail_main">
<!--产品详情 -->
<div id="commoditydetail" class="itemconDetail_main_div">
<div class="itemconDetail_main_til">
<span>产品详情 </span>
</div>
<div id="goodsMemo" class="itemconDetail_main_con">
</div>
</div>
<!--店铺位置 -->
<div id="coachaddress" class="itemconDetail_main_div" style="display:none ;">
<div class="itemconDetail_main_til">
<span>店铺位置 </span>
</div>
<div class="itemconDetail_main_con">
<div class="itemconDetail_mapbox">
<div class="itemconDetail_map" id="allmap">
</div>
<div class="itemconDetail_information">
<div class="itemconDetail_information_name"></div>
<div class="itemconDetail_information_address"><span>店铺位置:</span><span id="carshop_address"></span></div>
<div class="itemconDetail_information_phone"><span>咨询电话:</span></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mapMask" style="display: none;">
<div class="mapMask_box">
<div class="mapMask_box_til">店铺位置<a class="closemap" href="javascript:;">X</a></div>
<div class="mapMask_box_con">
</div>
</div>
</div>
<!--新底部-->
<div class="footer" >
<div class="wrapper">
<div class="footerTop">
<div class="footerTopLeft">
<div class="footerPhone">咨询电话</div>
<div class="footerNum">
<i class="phoneIcon"></i>
<div class="phoneNum clearfix">
<div class="bigPhoneNum">4001-800-805</div>
<div class="smallPhoneNum">咨询(咨询、建议、投诉)</div>
<div class="smallPhoneNum">周一至周五 8:30-18:00</div>
</div>
</div>
</div>
<div class="footerTopRight">
<div class="commonFootCell">
<img class="commonFootCellqrcode" src="images/qrcodeWX.png">
<div class="commonFootCellword">
<p class="commonFootCellwordPtil">你若在线微信</p>
<p>学车信息</p>
<p>驾校动态</p>
<p>一手掌握</p>
</div>
</div>
<div class="commonFootCell">
<img class="commonFootCellqrcode" src="images/qrcodeAPP.png">
<div class="commonFootCellword">
<p class="commonFootCellwordPtil">你若在线APP</p>
<p>报名学车</p>
<p>买车信息</p>
<p>玩乐信息</p>
</div>
</div>
</div>
</div>
<div class="footerBottom">
<div class="footerBottomText">
<a href="http://www.nrzxo.com/companyIntroduction.html">平台简介</a> |
<a href="http://www.nrzxo.com/contactus.html">联系我们</a> |
<a href="http://www.nrzxo.com/helpcenter.html">承诺保证</a> |
<a href="http://www.nrzxo.com/helpcenter.html">用户协议</a> |
商务合作:nrzx@nrzxo.com </div>
<div class="footerBottomText"> 浙江你若信息科技有限公司</div>
<div class="footerBottomText">地址:绍兴市迪荡昆仑国际1号楼902室</div>
<div class="footerBottomText">备案号:浙B2-20150511 Copyright 2015 www.nrzxo.com All Rights Reserved</div>
</div>
</div>
</div>
<!--旧底部-->
<!--<div id="commonFoot">
<div class="wrapper clearfix">
<div class="commoonpart1">
<div class="commoonpart1li">
<div class="commoonpart1liheader">新手指南</div>
<div class="commoonpart1lip"><a href="javascript:;">用户注册流程</a></div>
<div class="commoonpart1lip"><a href="javascript:;">学车服务流程</a></div>
</div>
<div class="commoonpart1li">
<div class="commoonpart1liheader">用户保障</div>
<div class="commoonpart1lip"><a href="javascript:;">学车三方合同</a></div>
<div class="commoonpart1lip"><a href="javascript:;">平台6大服务保障</a></div>
</div>
<div class="commoonpart1li">
<div class="commoonpart1liheader">商家服务</div>
<div class="commoonpart1lip"><a href="javascript:;">4S店合作</a></div>
<div class="commoonpart1lip"><a href="javascript:;">教练入驻</a></div>
<div class="commoonpart1lip"><a href="javascript:;">最美教练</a></div>
</div>
<div class="commoonpart1li">
<div class="commoonpart1liheader">平台中心</div>
<div class="commoonpart1lip"><a href="javascript:;">平台争议处理规则</a></div>
<div class="commoonpart1lip"><a href="javascript:;">退换教练流程</a></div>
<div class="commoonpart1lip"><a href="javascript:;">学车反馈</a></div>
<div class="commoonpart1lip"><a href="javascript:;">学车咨询</a></div>
</div>
<div class="commoonpart1li">
<div class="commoonpart1liheader">你若特色</div>
<div class="commoonpart1lip"><a href="javascript:;">学车特色</a></div>
</div>
</div>
<div class="commonFootCell">
<div class="commonFootCellTil">关于你若在线</div>
<ul class="commonFootCellUl">
<li><a href="companyIntroduction.html">平台简介</a></li>
<li><a href="contactus.html">联系我们</a></li>
<li><a href="javascript:;">承诺保证</a></li>
<li><a href="javascript:;">用户协议</a></li>
</ul>
</div>
<div class="commonFootCell">
<img class="commonFootCellqrcode" src="images/qrcodeWX.png" />
<div class="commonFootCellword">
<p class="commonFootCellwordPtil">你若在线微信</p>
<p>学车信息</p>
<p>驾校动态</p>
<p>一手掌握</p>
</div>
</div>
<div class="commonFootCell">
<img class="commonFootCellqrcode" src="images/qrcodeAPP.png" />
<div class="commonFootCellword">
<p class="commonFootCellwordPtil">你若在线APP</p>
<p>报名学车</p>
<p>买车信息</p>
<p>玩乐信息</p>
</div>
</div>
<div class="commonFootCell">
<p class="commonFootCellPphone">咨询电话:4001-800-805 </p>
<p>咨询(咨询、建议、投诉)</p>
<p>周一至周五 8:30-18:00</p>
<p>商务合作:nrzx@nrzxo.com </p>
</div>
<div class="commonFootCell commonFootCellInfor">
<p>浙江你若信息科技有限公司</p>
<p>地址:绍兴市梅龙湖路56号财源中心1601-9室</p>
<p>Copyright 2015 www.nrzxo.com All Rights Reserved</p>
</div>
</div>
</div>
-->
<script type="text/javascript" src="http://cdn.bootcss.com/jquery-scrollTo/2.1.2/jquery.scrollTo.js"></script>
<script type="text/javascript" src="js/comHeadFoot.js"></script>
<script src="js/jquery.json.js"></script>
<script type="text/javascript">
$(document).ready(function(){
//底部跳转
$('.commoonpart1lip').click(function(){
var $comfooterp = $(this).find('a').html();
// console.log($comfooterp);
var $url = "helpcenter.html" + "?fid=" + encodeURI(encodeURI($comfooterp));
window.location.href=$url;
});
$('#sixBig').on('click',function(){
var $url = "helpcenter.html" + "?fid=" + encodeURI(encodeURI("平台6大服务保障"));
window.location.href=$url;
});
//预约试驾
$('.itemcon_order_btn').click(function(){
$('.orderMask').show();
});
$('.ordermaskClose').click(function(){
$('.orderMask').hide();
});
});
</script>
<script type="text/javascript">
$(function(){
function GetQueryString(name){
var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
var r = window.location.search.substr(1).match(reg);
if(r!=null)return unescape(r[2]); return null;
}
var goodsId = GetQueryString("goodsId");
var storeId = 0;
if(goodsId != null){
loadGoodsInfo(goodsId,0);
}else{
storeId = GetQueryString("id");
getFstGoodsByStoreId(storeId);
}
$('.orderMask_btn').on('click',function(){
var contactNo = $('.orderMask_input').val();
var data = new Array();
var signInfo = {};
signInfo.trainee_name = "你若买车-web";
signInfo.trainee_phone = contactNo;
signInfo.trainee_study_class = "C1"
data[0] = signInfo;
$.ajax({
type:"post",
url:"api.php?op=sighUp",
async:true,
data:{
ident_owner:0,
ident_school:0,
strPostJsons:$.toJSON(data)
},
success:function(data){
if(data == "success"){
alert('报名成功,如有任何问题可随时拨打客服热线:4001-800-805。');
$('.orderMask').hide();
}
else{
alert(data);
}
}
});
});
});
//去掉左边的空白
function trimLeft(s){
if(s == null) {
return "";
}
var whitespace = new String(" \t\n\r");
var str = new String(s);
if (whitespace.indexOf(str.charAt(0)) != -1) {
var j=0, i = str.length;
while (j < i && whitespace.indexOf(str.charAt(j)) != -1){
j++;
}
str = str.substring(j, i);
}
return str;
}
function getFstGoodsByStoreId(storeId){
$.ajax({
type:"post",
url:"api.php?op=getGoodsBySotreId",
async:true,
data:{
ident_store: storeId,
ident_goods: 0,
localizeCode : ""
},
success:function(data){
if(data != ""){
data = $.parseJSON(data);
$.each(data, function(n,value) {
if(n == 0){
$('.orderMask_box2').attr("storeId",storeId);
$('.orderMask_box2').attr("goodsId",value.ident);
loadGoodsInfo(value.ident,0);
}
});
}
}
});
}
/************************/
function loadGoodsInfo(goodsId,userId){
$.ajax({
type:"post",
url:"api.php?op=getGoodsInfo",
async:true,
data:{
ident_goods:goodsId,
ident_owner:userId
},
success:function(data){
if(data != ""){
data = $.parseJSON(data);
var htmlGoodsPic = "";
$.each(data, function(n,value) {
$('.orderMask_box2').attr("storeId",value.ident_store);
$('.orderMask_box2').attr("goodsId",value.goodsId);
$('.mainname').html(value.store_range);
$('.itemconDetail_information_name').html(value.store_range);
$('.itemcon_head_proname').html(value.store_merchant);
$('.itemcon_head_shopphone').html(value.store_phone);
$('.itemcon_head_address').html(value.store_loc3 + value.store_loc4 + value.store_locate);
$('#carshop_address').html(value.store_loc3 + value.store_loc4 + value.store_locate);
$.each(value.photoStoreDetails, function(m,v) {
if(m == 0){
htmlGoodsPic += '<li class="listac"><a href="javascript:;"><img src="'+v.photo_path+'"></a></li>';
}else{
htmlGoodsPic += '<li><a href="javascript:;"><img src="'+v.photo_path+'"></a></li>';
}
});
$('.showimg_scrollbar_list').html(htmlGoodsPic);
//调用图片展示函数
picAction();
$('.itemcon_itemtil').html("" + value.store_merchant + "" + " " + value.goods_theme);
$('.itemcon_itemprice').html("<span>指导价</span>¥" + parseInt(value.goods_mark_prices));
$('.itemcon_itemvicetil_l').html(value.goods_feature);
$('#storePic').attr("src", value.store_photo);
$('#storePhone').html('4001-800-805');
$('#goodsMemo').html(value.goods_remark);
$('.itemcon_payment_con').html('¥<span>'+ value.goods_prices +'</span>')
$('.itemconDetail_information_phone').html('<span>咨询电话:</span>' + value.store_phone);
//商品评论
getGoodsComment(value.ident_store);
//规格列表
getStandard(value.ident_store,value.ident);
//绑定商品
bindGoods(value.ident_store);
//切换tab & 店铺位置
var detailHeadlLi = $('.itemconDetail_head_li');
detailHeadlLi.click(function(){
$(this).addClass('liactive').siblings().removeClass('liactive');
var index = detailHeadlLi.index(this);
$('.itemconDetail_main .itemconDetail_main_div').eq(index).show().siblings().hide();
if($(this).html() == "店铺位置"){
var address = $('#carshop_address').html();
console.log(address);
// 百度地图API功能
var map = new BMap.Map("allmap");
var point = new BMap.Point(116.331398,39.897445);
map.centerAndZoom(point,16);
// 创建地址解析器实例
var myGeo = new BMap.Geocoder();
// 将地址解析结果显示在地图上,并调整地图视野
myGeo.getPoint(address, function(point){
if (point) {
map.centerAndZoom(point, 16);
map.addOverlay(new BMap.Marker(point));
}else{
}
}, "绍兴市");
map.enableScrollWheelZoom(true);
}
});
$('.allcommodity').click(function(){
$.scrollTo('#itemcon_head',500);
});
$(".commoditydetail").click(function(){
$.scrollTo('#itemcon_detail',500);
detailHeadlLi.eq(0).click();
});
$(".gocaraddress").click(function(){
$.scrollTo('#itemcon_detail',500);
detailHeadlLi.eq(1).click();
});
});
}
}
});
}
//获取商品评论
function getGoodsComment(storeId,goodsId){
$.post("api.php?op=getComment",{
ident_store : storeId,
ident_goods : goodsId,
PageIndex : 1,
PageSize : 10
},
function(data){
var html = '';
if(data != ""){
data = $.parseJSON(data);
$.each(data, function(n,value) {
if(value.user_name != null){
html += '<div class="itemcon_evaluate clearfix">';
html += '<div class="itemcon_evaluate_icon">';
html += '<div class="iconbg">';
html += '<img src="'+ value.user_face +'" />';
html += '</div>';
html += '</div>';
html += '<div class="itemcon_evaluate_con">';
html += '<div class="itemcon_evaluate_con_name">';
html += value.user_name;
html += '</div>';
html += '<div class="itemcon_evaluate_con_word">';
html += value.rating_remark;
html += '</div>';
html += '</div>';
html += '</div>';
}
});
$('.itemcon_evaluate_matter').html(html);
}
});
}
//获取规格列表
function getStandard(storeId,goodsId){
$.post("api.php?op=getStandard",{
ident_store: storeId,
ident_goods: goodsId,
localizeCode : ""
},
function(data){
var standardCount = 0;
data = $.parseJSON(data);
var html = '';
$.each(data, function(n,value) {
if(value.specs_name != null){
var price = parseInt(value.specs_prices);
html += '<li><span class="itemcon_items_name">'+ value.specs_name +'</span></li>';
}
});
$('.itemcon_items_conCAR').html(html);
//----------Nice Scroll------------------- //
var nice = $(".itemcon_items_conCAR").niceScroll({
cursorcolor:"#eee",
cursorborder :"0px solid #00b7ee",
railpadding:{top:0,right:0,left:0,bottom:0},
cursorwidth:"5px",
cursorborderradius:"0px",
cursoropacitymin:0,
cursoropacitymax:0.7,
boxzoom:true,
autohidemode:false
});
});
}
//绑定产品列表
function bindGoods(storeId){
$.post("api.php?op=getGoodsBySotreId",
{
ident_store : storeId,
ident_classes : 0,
ident_styles : 0,
PageIndex : 1,
PageSize : 100
},function(data){
var html = '';
if(data != ''){
data = $.parseJSON(data);
$.each(data, function(n,value) {
html += '<li>';
html += '<a href="item_car.html?goodsId=' + value.ident + '">';
html += '<div class="other_concar_pic">';
html += '<img src="'+ value.goods_photo +'">';
html += '</div>';
html += '<div class="other_concar_word">';
html += '<div class="listcondiv_word_name">'+ value.goods_theme +'</div>';
html += '<div class="listcondiv_word_infor">'+ value.goods_feature +'</div>';
html += '<div class="listcondiv_word_proice"> ¥<span class="listcondiv_word_proice_span">'+ value.goods_prices +'</span></div>';
html += '</a>';
html += '</li>';
});
$('.itemcon_main_other_concar').html(html);
//调用更多产品列表 左右切换
otherListAction();
}
})
}
//更多产品列表 左右切换
function otherListAction(){
var page = 1;
var i = 4; //每版放4个图片
var concarli = $('.itemcon_main_other_concar li');
var concardiv = $('.itemcon_main_other_div');
var concar = $('.itemcon_main_other_concar');
var len = concarli.length;
var div_width = concardiv.width();
var page_count = Math.ceil(len / i) ; //只要不是整数,就往大的方向取最小的整数
//console.log(div_width);
//console.log(len);
//console.log(page_count);
// 改变itemcon_main_other_concar 的宽度
var kuan = concarli.width() + 17,
zong = concarli.length*kuan;
$('.itemcon_main_other_concar').css({'width': zong+'px' });
//向后 按钮
$('.exchangebtn_down').click(function(){
if(!concarli.is(":animated")){ //判断“内容展示区域”是否正在处于动画
if( page == page_count ){ //已经到最后一个版面了,如果再向后,必须跳转到第一个版面。
concar.animate({ left : '0px'}, "slow"); //通过改变left值,跳转到第一个版面
page = 1;
}else{ //下一版
concar.animate({ left : '-='+div_width}, "slow");
page++;
}
}
});
//往前 按钮
$('.exchangebtn_up').click(function(){
if(!concarli.is(":animated")){
if(page == 1 ){ //已经到第一个版面了,如果再向前,必须跳转到最后一个版面。
concar.animate({ left : '-='+div_width*(page_count-1) }, "slow");
page = page_count;
}else{
concar.animate({ left : '+='+div_width }, "slow");
page--;
}
}
});
}
//图片展示函数
function picAction(){
//展示图片轮播
$('.showimg_scrollbar').hover(function(){
$(this).find('.scrollbar_arrow_btn').fadeIn(300);
},function(){
$(this).find('.scrollbar_arrow_btn').fadeOut(300);
});
var btn = $('.showimg_scrollbar_list li'),
ne = 0;
//挂接事件
$('.showimg_scrollbar_list li').click(function(){
ne = $(this).index();
var n = ne,
lef = 0;
//获取宽度参数
var kuan = $(this).width() + 14,
zong = btn.length*kuan;
$('.showimg_scrollbar_list').css({'width': zong+'px' });
//修改小图片按钮样式
btn.removeClass('listac');
$(this).addClass('listac');
//获取移动距离
lef = (n-1)*kuan;
//console.log(lef);
//最左 最右判断
if( n <= 2 )lef = 0;
if( lef >= zong )lef = zong - 1 ;
//执行滚动
$('.showimg_scrollbar_list').stop(true).animate({ left:-lef });
//修改大图路径
$('.showimg_big img').attr('src',$(this).find('img').attr('src') );
}).eq(0).click();;
//挂接左右按钮事件
$('.scrollbar_arrow_left').click(function(){
ne-=1;
if( ne<0 )ne=0;
btn.eq(ne).click();
});
$('.scrollbar_arrow_right').click(function(){
ne+=1;
if( ne>=btn.length )ne=btn.length-1;
btn.eq(ne).click();
});
//展示图片轮播 END
};
</script>
</body>
</html>
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
1
https://gitee.com/xuqipeter/nrzx.git
git@gitee.com:xuqipeter/nrzx.git
xuqipeter
nrzx
你若在线
master

搜索帮助