2 Star 1 Fork 1

徐子玉/你若在线

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
CarFilter.html 22.41 KB
一键复制 编辑 原始数据 按行查看 历史
徐子玉 提交于 2017-07-05 11:01 . +seck
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602
<!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/style.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/comHeadFoot.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" />
<link rel="stylesheet" href="css/jPages.css">
<link rel="stylesheet" href="css/animate.css">
<!--js-->
<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="js/select_jQ.js"></script>
<script type="text/javascript" src="js/highlight.pack.js"></script>
<script type="text/javascript" src="js/tabifier.js"></script>
<script src="js/jPages.js"></script>
<script src="js/jquery.lazyload.js"></script>
<!--<script src="js/comHeadFoot.js"></script>-->
</head>
<body style="background: #fafafa;">
<!--头部-->
<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" alt="下载绍兴你若学车APP" />
</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="storeListnew.html" target="_blank">学车</a></li>
<li><a href="map.html" target="_blank">训练场地</a></li>
<li><a href="free.html" target="_blank">我要报名</a></li>
<li><a href="applyNotice.html" target="_blank">常见问题</a></li>
<li class="activeOne"><a href="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" alt="绍兴你若学车微信公众号二维码" />
</div>
</div>
</div>
<!--筛选-->
<div id="selectArea">
<div class="wrapper">
<div class="selectAreawrap">
<div class="selectLine clearfix">
<div class="selectLine_label">品牌</div>
<div id="carbrand" class="selectLine_con clearfix">
<div class="selectLine_conli active selectLine_conliunlimit" id="noneCarBrand"><a href="javascript:;">不限</a></div>
<div class="selectLine_condiv">
<div class="brandAlphabet clearfix">
<a class="current" href="javascript:;">A</a>
<a href="javascript:;">B</a>
<a href="javascript:;">C</a>
<a href="javascript:;">D</a>
<a href="javascript:;">F</a>
<a href="javascript:;">G</a>
<a href="javascript:;">H</a>
<a href="javascript:;">G</a>
<a href="javascript:;">K</a>
<a href="javascript:;">L</a>
<a href="javascript:;">M</a>
<a href="javascript:;">N</a>
<a href="javascript:;">O</a>
<a href="javascript:;">Q</a>
<a href="javascript:;">I</a>
<a href="javascript:;">S</a>
<a href="javascript:;">T</a>
<a href="javascript:;">W</a>
<a href="javascript:;">X</a>
<a href="javascript:;">Y</a>
<a href="javascript:;">Z</a>
</div>
<div class="brandName clearfix">
<div class="alphabet_div clearfix" style="display: ;">
</div>
</div>
</div>
</div>
</div>
<!--车系-->
<!--<div class="selectLine clearfix">
<div class="selectLine_label">车系</div>
<div id="carstyle" class="selectLine_con clearfix">
<div class="selectLine_conli active selectLine_conliunlimit"><a href="javascript:;">不限</a></div>
<div class="selectLine_condiv">
<div class="selectLine_conli"><a href="javascript:;">A3</a></div>
<div class="selectLine_conli"><a href="javascript:;">A5</a></div>
<div class="selectLine_conli"><a href="javascript:;">A7</a></div>
</div>
</div>
</div>-->
<!--价格-->
<div class="selectLine clearfix">
<div class="selectLine_label">价格</div>
<div id="carprice" class="selectLine_con clearfix">
<div class="selectLine_conli active selectLine_conliunlimit"><a href="javascript:;">不限</a></div>
<div class="selectLine_condiv selectLine_condiv_short">
<div class="selectLine_conli"><a href="javascript:;">5万以下</a></div>
<div class="selectLine_conli"><a href="javascript:;">5-10万 </a></div>
<div class="selectLine_conli"><a href="javascript:;">10-15万 </a></div>
<div class="selectLine_conli"><a href="javascript:;">15-20万</a></div>
<div class="selectLine_conli"><a href="javascript:;">20-25万</a></div>
<div class="selectLine_conli"><a href="javascript:;">25-40万 </a></div>
<div class="selectLine_conli"><a href="javascript:;">40-60万 </a></div>
<div class="selectLine_conli"><a href="javascript:;">60万</a></div>
</div>
<div class="priceInterval clearfix">
<input type="text" class="priceInterval_input left" />
<span class="left">-</span>
<input type="text" class="priceInterval_input left"/>
<span class="left"></span>
<a href="javascript:;" class="priceIntervalbtn left">筛选</a>
</div>
</div>
</div>
<!--更多-->
<!--<div class="selectLine clearfix">
<div class="selectLine_label">更多</div>
<div id="carselectmore" class="selectLine_con clearfix">
<div class="pulldownBox">
<div class="pulldownBox_head">级别<em></em></div>
<ul class="pulldownBox_main">
<li class="unlimited">不限</li>
<li>小型车</li>
<li>中型车</li>
<li>大型车</li>
</ul>
</div>
<div class="pulldownBox">
<div class="pulldownBox_head">排量<em></em></div>
<ul class="pulldownBox_main">
<li class="unlimited">不限</li>
<li>1.0L以下</li>
<li>1.1-1.6L</li>
<li>1.7-2.0L</li>
<li>2.1-2.5L</li>
<li>2.6-3.0L</li>
<li>3.1-4.0L</li>
<li>4.0L以上</li>
</ul>
</div>
<div class="pulldownBox">
<div class="pulldownBox_head">变速箱<em></em></div>
<ul class="pulldownBox_main">
<li class="unlimited">不限</li>
<li>手动</li>
<li>自动</li>
<li>手自一体</li>
</ul>
</div>
<div class="pulldownBox">
<div class="pulldownBox_head">国别<em></em></div>
<ul class="pulldownBox_main">
<li class="unlimited">不限</li>
<li>国产</li>
<li>进口</li>
<li>合资</li>
<li>日系</li>
<li>德系</li>
<li>美系</li>
</ul>
</div>
<a href="javascript:;" class="surebtn">确定</a>
</div>
</div>-->
</div>
</div>
</div>
<script type="text/javascript">
$(function(){
loadProductLits("",0,0,6,1,16);
loadCarBand();
pagination($('#itemContainer').attr("recordcount"));
$('.selectLine_condiv > .selectLine_conli').click(function(){
$(this).parent('.selectLine_condiv').siblings('.selectLine_conliunlimit').removeClass('active');
if(!$(this).hasClass('active')){
$(this).addClass('active').siblings().removeClass('active');
}
});
//点击不限
$('.selectLine_conliunlimit').click(function(){
$(this).addClass('active');
$(this).siblings('.selectLine_condiv').find('.selectLine_conli').removeClass('active');
//车品牌
$('.alphabet_div a').removeClass('selected');
$('.brandAlphabet a').eq(0).click().addClass('active').siblings().removeClass('active');
});
});
function loadCarBand(){
$.ajax({
type:"post",
url:"api.php?op=getClassesListByKind",
async:false,
data:{
ident_kind : 2,
ident_classes : 0
},
success:function(data){
if(data != ""){
data = $.parseJSON(data);
var brandHtml = "";
$.each(data, function(n,value) {
if(value.classes_remark == "A"){
brandHtml += '<a class="" href="javascript:;" bcId="'+ value.ident +'" fstAB="'+ value.classes_remark +'">' + value.classes_name + '</a>';
}
else{
brandHtml += '<a class="" href="javascript:;" style="display:none;" bcId="'+ value.ident +'" fstAB="'+ value.classes_remark +'">' + value.classes_name + '</a>';
}
});
$('.alphabet_div').html(brandHtml);
$('.brandAlphabet a').on('click',function(){
var clcAB = $(this).html();
$('.alphabet_div').find('a').each(function(){
if(clcAB == $(this).attr("fstAB")){
$(this).show();
}
else{
$(this).hide();
}
});
});
//车品牌
$('.alphabet_div a').on('click',function(){
$('.alphabet_div a').removeClass('selected');
$(this).addClass('selected');
$(this).parents('.selectLine_con').find('.selectLine_conliunlimit').removeClass('active');
var carBrand = $('.brandName').find('.selected').html();
var range = $('#carprice').find('.active a').html();
var minPrice = 0;
var maxPrice = 0;
// if(range != "不限"){
// minPrice = parseInt(range.split('-')[0]) * 10000;
// var maxRange = range.split('-')[1];
// maxPrice = parseInt(maxRange.substring(0,maxRange.length - 1)) * 10000;
// }
loadProductLits(carBrand,minPrice,maxPrice,6,1,16);
pagination($('#itemContainer').attr("recordcount"));
});
//点击不限
$('.selectLine_conliunlimit').click(function(){
//车品牌
$('.brandAlphabet a').removeClass('selected');
$('.brandAlphabet a').eq(0).click().addClass('active').siblings().removeClass('active');
});
}
}
});
}
</script>
<!--产品列表-->
<div id="selectProlistCon">
<div class="wrapper clearfix">
<div class="selProlistConwrap">
<div class="selProlistConwrap_sort">
<div class="sort_div ac" orderType="6">默认</div>
<div class="sort_div" orderType="1">销量<i class="icon_sortdown"></i></div>
<div class="sort_div" orderType="4">价格<i class="icon_sortup"></i></div>
<div class="sort_div" orderType="2">好评<i class="icon_sortdown"></i></div>
</div>
<div id="itemContainer" class="selProlistConwrap_listcon clearfix">
</div>
<!--<div class="listcon_page">
</div>-->
<div class="holder"></div>
</div>
</div>
</div>
<script type="text/javascript">
function loadProductLits(carBrand,nMinMarkPrices,nMaxMarkPrices,pageOrder,pageIndex,pageSize){
$.ajax({
type:"post",
url:"api.php?op=goodsListFilter",
async:false,
data:{
ident_kind: 2,
ident_classes: 0,
ident_styles: 0,
strLocateLoc1: "",
strLocateLoc2: "",
strLocateLoc3: "",
strLocateLoc4: "",
nMinPrices: 0,
nMaxPrices: 0,
nMinMarkPrices: nMinMarkPrices,
nMaxMarkPrices: nMaxMarkPrices,
strStoreSearchKey: carBrand,
strGoodsSearchKey: "",
PageOrder: pageOrder,
PageIndex: pageIndex,
PageSize: pageSize
},
success:function(data){
if(data != "Failure"){
data = $.parseJSON(data);
var html = "";
$.each(data, function(n,value) {
if(value.ident != null){
$('#itemContainer').attr("recordCount",value.recordCount);
html += '<div class="listcondiv clearfix">';
html += '<a target="_blank" href="item_car.html?goodsId='+ value.ident +'">';
html += '<div class="listcondiv_pic">';
html += '<img src="'+ value.goods_photo +'" />';
html += '<div class="listcondi_dist">';
html += value.store_range;
html += '</div>';
html += '</div>';
html += '<div class="listcondiv_word">';
html += '<div class="listcondiv_word_name">';
html += '' + value.store_merchant + '' + ' ' + value.goods_theme
html += '</div>';
html += '<div class="listcondiv_word_infor">';
html += value.goods_feature;
html += '</div>';
// html += '<div class="listcondiv_word_address">'+ value.store_loc2 +' '+ value.store_loc3 +' '+ value.store_loc4 +' '+ value.store_locate +'</div>';
// html += '<div class="listcondiv_word_product">'+ value.goods_theme +'</div>';
html += '<div class="listcondiv_word_proice">¥<span class="listcondiv_word_proice_span">'+ value.goods_prices +'</span></div>';
html += '<div class="listcondiv_word_eval">评价<span>0</span></div>';
html += '</div>';
html += '</a>';
html += '</div>';
}
});
$('.selProlistConwrap_listcon').html(html);
}
}
});
}
function pagination(recordCount){
$(".holder").jPages({
containerID:"itemContainer",
first:'首页',
last:'尾页',
previous:'上页',
next:'下页',
totalItemCount:recordCount,
perPage:16,
startPage:1,
startRange:1,
midRange:8,
endRange:1,
keyBrowse:true,
callback:function(pages,items){
if($('#itemContainer').attr("fst") == null){
$('#itemContainer').attr("fst","");
}
else{
loadData(pages.current);
}
}
});
}
function loadData(nowPage){
var orderType = $('.selProlistConwrap_sort').find('.ac').attr('ordertype');
var carBrand = $('.brandName').find('.selected').html();
var range = $('#carprice').find('.active').html();
var minPrice = 0;
var maxPrice = 0;
// if(range != "不限"){
// minPrice = parseInt(range.split('-')[0]) * 10000;
// var maxRange = range.split('-')[1];
// maxPrice = parseInt(maxRange.substring(0,maxRange.length - 1)) * 10000;
// }
loadProductLits(carBrand,minPrice,maxPrice,orderType,nowPage,16);
}
</script>
<!--底部-->
<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" alt="绍兴你若学车在线微信"">
<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" alt="绍兴你若学车在线APP">
<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>
<!--旧底部delete-->
<!--<div id="commonFoot">-->
<!--<div class="wrapper clearfix">
</div>-->
<!--<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="js/comHeadFoot.js"></script>
<script type="text/javascript">
$(document).ready(function(){
//车 品牌
$('.alphabet_div').hide().eq(0).show().addClass('active');
var brandAlphabetA = $('.brandAlphabet a');
brandAlphabetA.click(function(){
$(this).addClass('current').siblings().removeClass('current');
var i = brandAlphabetA.index(this);
$('.alphabet_div').eq(i).addClass('active').show().siblings().hide().removeClass('active');
});
//更多选项卡
$('.pulldownBox_head').on('click',function(){
var boxmain = $(this).siblings('.pulldownBox_main');
if($(this).siblings('.pulldownBox_main').is(':hidden')){
$('.pulldownBox ul').removeClass('unfold').hide();
boxmain.addClass('unfold').show();
}else{
boxmain.removeClass('unfold').hide();
}
});
$('.pulldownBox_main li').click(function(){
var text = $(this).html();
console.log(text);
$(this).parents('.pulldownBox').find('.pulldownBox_head').html(text+'<em></em>');
$('.pulldownBox ul').removeClass('unfold').hide();
});
//默认 销量 价格 评价 排序
$('.sort_div').on('click',function(){
var orderType = $(this).attr("orderType");
loadData(1);
if(!$(this).hasClass('ac')){
$(this).addClass('ac').siblings().removeClass('ac');
}
});
});
</script>
</body>
</html>
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
1
https://gitee.com/xuqipeter/nrzx.git
git@gitee.com:xuqipeter/nrzx.git
xuqipeter
nrzx
你若在线
master

搜索帮助