1 Star 0 Fork 0

marvengong/bangjia

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
克隆/下载
car-page.html 26.86 KB
一键复制 编辑 原始数据 按行查看 历史
marvengong 提交于 2016-03-27 22:59 . no commit message
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>首页</title>
<link href="css/style.css" rel="stylesheet">
<link href="css/jquery.bxslider.css" rel="stylesheet">
</head>
<body>
<div class="top">
<div class="wp">
<div class="top-info fr">
<a href=""><i class="icon-login"></i>登录</a><a href=""><i class="icon-reg"></i>注册</a><img src="images/top-tel.png"><a href="">帮助中心</a>|<a href="">设为首页</a>|<a href="">加入收藏</a><a href=""><i class="icon-mobile"></i>手机版</a><a href=""><i class="icon-type"></i></a>
</div>
欢迎您来到92帮家综合信息门户网!
</div>
</div>
<div class="header wp">
<h1><a href=""></a></h1>
<div class="eara fl">
<a href="javascript:;">北京<i></i></a>
<div class="earabox pa">
<div class="eara-title">
<a class="cur" id="e1" onmouseover="setTab('e',1,26)" href="javascript:;">A</a>
<a id="e2" onmouseover="setTab('e',2,26)" href="javascript:;">B</a>
<a id="e3" onmouseover="setTab('e',3,26)" href="javascript:;">C</a>
<a id="e4" onmouseover="setTab('e',4,26)" href="javascript:;">D</a>
<a id="e5" onmouseover="setTab('e',5,26)" href="javascript:;">E</a>
<a id="e6" onmouseover="setTab('e',6,26)" href="javascript:;">F</a>
<a id="e7" onmouseover="setTab('e',7,26)" href="javascript:;">G</a>
<a id="e8" onmouseover="setTab('e',8,26)" href="javascript:;">H</a>
<a id="e9" onmouseover="setTab('e',9,26)" href="javascript:;">I</a>
<a id="e10" onmouseover="setTab('e',10,26)" href="javascript:;">J</a>
<a id="e11" onmouseover="setTab('e',11,26)" href="javascript:;">K</a>
<a id="e12" onmouseover="setTab('e',12,26)" href="javascript:;">L</a>
<a id="e13" onmouseover="setTab('e',13,26)" href="javascript:;">M</a>
<a id="e14" onmouseover="setTab('e',14,26)" href="javascript:;">N</a>
<a id="e15" onmouseover="setTab('e',15,26)" href="javascript:;">O</a>
<a id="e16" onmouseover="setTab('e',16,26)" href="javascript:;">P</a>
<a id="e17" onmouseover="setTab('e',17,26)" href="javascript:;">Q</a>
<a id="e18" onmouseover="setTab('e',18,26)" href="javascript:;">R</a>
<a id="e19" onmouseover="setTab('e',19,26)" href="javascript:;">S</a>
<a id="e20" onmouseover="setTab('e',20,26)" href="javascript:;">T</a>
<a id="e21" onmouseover="setTab('e',21,26)" href="javascript:;">U</a>
<a id="e22" onmouseover="setTab('e',22,26)" href="javascript:;">V</a>
<a id="e23" onmouseover="setTab('e',23,26)" href="javascript:;">W</a>
<a id="e24" onmouseover="setTab('e',24,26)" href="javascript:;">X</a>
<a id="e25" onmouseover="setTab('e',25,26)" href="javascript:;">Y</a>
<a id="e26" onmouseover="setTab('e',26,26)" href="javascript:;">Z</a>
</div>
<div class="earacon" id="con_e_1"><a href="">北京</a><a href="">嘉峪关1</a></div>
<div class="earacon" id="con_e_2" style="display: none;"><a href="">北京</a><a href="">嘉峪关2</a></div>
<div class="earacon" id="con_e_3" style="display: none;"><a href="">北京</a><a href="">嘉峪关3</a></div>
<div class="earacon" id="con_e_4" style="display: none;"><a href="">北京</a><a href="">嘉4峪关</a></div>
<div class="earacon" id="con_e_5" style="display: none;"><a href="">北京</a><a href="">嘉峪5关</a></div>
<div class="earacon" id="con_e_6" style="display: none;"><a href="">北京</a><a href="">嘉峪6关</a></div>
<div class="earacon" id="con_e_7" style="display: none;"><a href="">北京</a><a href="">嘉峪7关</a></div>
<div class="earacon" id="con_e_8" style="display: none;"><a href="">北京</a><a href="">嘉峪8关</a></div>
<div class="earacon" id="con_e_9" style="display: none;"><a href="">北京</a><a href="">嘉峪9关</a></div>
<div class="earacon" id="con_e_10" style="display: none;"><a href="">北京</a><a href="">嘉10峪关</a></div>
<div class="earacon" id="con_e_11" style="display: none;"><a href="">北京</a><a href="">嘉峪11关</a></div>
<div class="earacon" id="con_e_12" style="display: none;"><a href="">北京</a><a href="">嘉峪12关</a></div>
<div class="earacon" id="con_e_13" style="display: none;"><a href="">北京</a><a href="">嘉峪13关</a></div>
<div class="earacon" id="con_e_14" style="display: none;"><a href="">北京</a><a href="">嘉峪14关</a></div>
<div class="earacon" id="con_e_15" style="display: none;"><a href="">北京</a><a href="">嘉峪15关</a></div>
<div class="earacon" id="con_e_16" style="display: none;"><a href="">北京</a><a href="">嘉峪16关</a></div>
<div class="earacon" id="con_e_17" style="display: none;"><a href="">北京</a><a href="">嘉峪17关</a></div>
<div class="earacon" id="con_e_18" style="display: none;"><a href="">北京</a><a href="">嘉峪18关</a></div>
<div class="earacon" id="con_e_19" style="display: none;"><a href="">北京</a><a href="">嘉峪19关</a></div>
<div class="earacon" id="con_e_20" style="display: none;"><a href="">北京</a><a href="">嘉峪20关</a></div>
<div class="earacon" id="con_e_21" style="display: none;"><a href="">北京</a><a href="">嘉峪21关</a></div>
<div class="earacon" id="con_e_22" style="display: none;"><a href="">北京</a><a href="">嘉峪22关</a></div>
<div class="earacon" id="con_e_23" style="display: none;"><a href="">北京</a><a href="">嘉峪23关</a></div>
<div class="earacon" id="con_e_24" style="display: none;"><a href="">北京</a><a href="">嘉峪24关</a></div>
<div class="earacon" id="con_e_25" style="display: none;"><a href="">北京</a><a href="">嘉峪25关</a></div>
<div class="earacon" id="con_e_26" style="display: none;"><a href="">北京</a><a href="">嘉峪26关</a></div>
</div>
</div>
<div class="search fr">
<div class="form pr">
<h4>全部</h4>
<ul class="s-type pa">
<li>分类一</li>
</ul>
<input type="text" placeholder="请输入您要搜索的信息">
<button type="button">搜索</button>
</div>
<div class="hotkey"><span>热门搜索:</span><a href="">二手房</a><a href="">租赁</a><a href="">鲜花</a><a href="">烘培</a><a href="">婚庆公司</a></div>
</div>
</div>
<div class="menu pr">
<div class="wp">
<ul class="nav pr fl">
<li><a href="index.html"><i class="icon-index"></i>首页</a></li>
<li><a href="center-make.html" title="物业"><i class="icon-wy"></i>物业<em></em></a></li>
<li class="main_nav_has_child"><a href="#"><i class="icon-fc"></i>房产</a>
<ul class="main_db_nav">
<li><a href="02list_v2.html">一手房</a></li>
<li><a href="02list_v2.html">二手房</a></li>
<li><a href="02list_v2.html">租房</a></li>
</ul>
</li>
<li><a href="02list_v2.html"><i class="icon-jz"></i>家政</a></li>
<li><a href="02list_v2.html"><i class="icon-px"></i>培训</a></li>
<li class="main_nav_has_child"><a href="#"><i class="icon-zp"></i>求职招聘</a>
<ul class="main_db_nav">
<li><a href="02list_v2.html">求职</a></li>
<li><a href="02list_v2.html">招聘</a></li>
</ul>
</li>
<li><a href="02list_v2.html"><i class="icon-esc"></i>二手车</a></li>
<li><a href="02list_v2.html"><i class="icon-zxgc"></i>装修工程</a></li>
<li><a href="02list_v2.html"><i class="icon-zxcl"></i>装修材料</a></li>
<li><a href="02list_v2.html"><i class="icon-hq"></i>婚庆</a></li>
<li><a href="02list_v2.html"><i class="icon-hj"></i>婚介</a></li>
<li><a href="02list_v2.html"><i class="icon-ly"></i>旅游</a></li>
<li><a href="02list_v2.html"><i class="icon-news"></i>新闻</a></li>
</ul>
<div class="user fr"><a href="">会员中心</a></div>
</div>
</div>
<div class="wp clearfix">
<div class="position"><a href="">首页</a>><a href="">二手车</a>><a href="">二手车详情</a></div>
<div class="info">
<div class="i-focus fl">
<div class="i-big" id="con_one_1"><img src="images/car-big.jpg"></div>
<div class="i-big" id="con_one_2" style="display: none;"><img src="images/car-big.jpg"></div>
<div class="i-big" id="con_one_3" style="display: none;"><img src="images/car-big.jpg"></div>
<div class="i-big" id="con_one_4" style="display: none;"><img src="images/car-big.jpg"></div>
<ul class="i-small">
<li id="one1" onmouseover="setTab('one',1,4)" class="cur"><img src="images/car-small.jpg"><i></i></li>
<li id="one2" onmouseover="setTab('one',2,4)"><img src="images/car-small.jpg"><i></i></li>
<li id="one3" onmouseover="setTab('one',3,4)"><img src="images/car-small.jpg"><i></i></li>
<li id="one4" onmouseover="setTab('one',4,4)"><img src="images/car-small.jpg"><i></i></li>
</ul>
</div>
<div class="info-c fr">
<h1 class="yahei">昆明 盘龙区 - 甲壳虫(进口) 2010款</h1>
<ul class="i-list">
<li><span>商家名称:</span><a href="javascript:;" target="_blank">上海福特汽车有限公司</a></li>
<li><span>总  格:</span><b class="yahei">27.80</b>万元<em>含过户费,为您节省 9.28 万</em></li>
<li class="yuding"><a href="javascript:bookCarTip();">我要预约</a><span>参考首付:</span>73.5万<span>参考月供:</span>10172元</li>
<li><span><strong>保  障:</strong></span>绝非事故车、7天可退、真车实价</li>
<li><span>发布时间:</span>2015年01月</li>
<li><span>看车地点:</span>云南省昆明市盘龙区东三环锦大车市</li>
<li class="lx"><div class="online fr">在线客服:<a class="on" href="">在线客服</a><a class="off" href="">在线客服</a></div><b class="yahei">4000-817-45678</b><a class="tel" href="">电话咨询</a></li>
</ul>
</div>
</div>
<div class="left mt20 fl">
<div class="f-title mt40">
<ul class="f-tab e-tab" id="e-nav">
<li class="cur"><a href="javascript:;">车辆详情</a></li>
<li><a href="javascript:;">车辆配置</a></li>
<li><a href="javascript:;">车辆评价</a></li>
</ul>
</div>
<!--tab节点循环-->
<div id="e-category-items">
<!--tab节点 .e-category-item-->
<div class="e-category-item">
<ul class="xq-list clearfix">
<li>上牌时间: 2010年01月(车龄6年)</li>
<li>变 速 箱:6挡 手自一体</li>
<li>车辆级别:紧凑型</li>
<li>行驶里程:4.09万公里</li>
<li>驱动方式:前轮驱动</li>
<li>车辆类型:非营运</li>
<li>牌照地点:云南 昆明</li>
<li>车辆品牌:大众</li>
<li>年检到期:2016年01月</li>
<li>发 动 机:1.6L 102马力</li>
<li>车辆型号:甲壳虫(进口)</li>
<li>环保标准: 国4</li>
</ul>
<div class="xq-con">
<p>本公司所售车源均经过车行天下专业机构123项认证,保证所售车源无肇事、无泡水。另外还可以旧换旧、抵押借款、办理按揭贷款、委托寄卖、新车装饰贴膜、各种新车代购、代办新车落户、交强险、旧机动车业务咨询、专业鉴定、免费上门评估洽谈等</p>
<p style="text-align: center;"><img src="images/car-1.jpg"> </p>
<p style="text-align: center;"><img src="images/car-2.jpg"> </p>
<p style="text-align: center;"><img src="images/car-3.jpg"> </p>
</div>
</div>
<!--tab节点 .e-category-item-->
<div class="e-category-item h-info">
<div class="f16 lh24 car-name">甲壳虫(进口) 2010款</div>
<h2 class="panel-heading">基本信息</h2>
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td>车辆名称</td>
<td>甲壳虫(进口) 2010款甲壳虫(进口) 2010款甲壳虫(进口) 2010款甲壳虫(进口) 2010款甲壳虫(进口) 2010款甲壳虫(进口) 2010款甲壳虫(进口) 2010款甲壳虫(进口) 2010款甲壳虫(进口) 2010款甲壳虫(进口) 2010款甲壳虫(进口) 2010款甲壳虫(进口) 2010款甲壳虫(进口) 2010款甲壳虫(进口) 2010款甲壳虫(进口) 2010款甲壳虫(进口) 2010款甲壳虫(进口) 2010款甲壳虫(进口) 2010款甲壳虫(进口) 2010款甲壳虫(进口) 2010款甲壳虫(进口) 2010款甲壳虫(进口) 2010款甲壳虫(进口) 2010款</td>
<td>厂商指导价</td>
<td>¥120000</td>
</tr>
<tr>
<td>厂商</td>
<td>中国汽车</td>
<td>类别</td>
<td>紧凑型汽车</td>
</tr>
<tr>
<td>发动机型号</td>
<td>L15A7</td>
<td>变速箱</td>
<td>无数据</td>
</tr>
<tr>
<td>车门书</td>
<td>4</td>
<td>座位数</td>
<td>5</td>
</tr>
<tr>
<td>车身形式</td>
<td>3箱</td>
<td>长*宽*高(cm)</td>
<td>400*200*150</td>
</tr>
<tr>
<td>轴距</td>
<td>3123</td>
<td>整备质量(kg)</td>
<td>1000</td>
</tr>
<tr>
<td>邮箱容积(L)</td>
<td>3123</td>
<td>行李箱容积(L)</td>
<td>1000</td>
</tr>
</table>
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<td>车辆名称</td>
<td>甲壳虫(进口) 2010款</td>
<td>厂商指导价</td>
<td>¥120000</td>
</tr>
<tr>
<td>厂商</td>
<td>中国汽车</td>
<td>类别</td>
<td>紧凑型汽车</td>
</tr>
<tr>
<td>发动机型号</td>
<td>L15A7</td>
<td>变速箱</td>
<td>无数据</td>
</tr>
<tr>
<td>车门书</td>
<td>4</td>
<td>座位数</td>
<td>5</td>
</tr>
<tr>
<td>车身形式</td>
<td>3箱</td>
<td>长*宽*高(cm)</td>
<td>400*200*150</td>
</tr>
<tr>
<td>轴距</td>
<td>3123</td>
<td>整备质量(kg)</td>
<td>1000</td>
</tr>
<tr>
<td>邮箱容积(L)</td>
<td>3123</td>
<td>行李箱容积(L)</td>
<td>1000</td>
</tr>
</table>
<h2 class="panel-heading">发动机A变速箱</h2>
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<td>吸气形式</td>
<td>自动吸气</td>
<td>最大马力(Ps)</td>
<td>无数据</td>
</tr>
<tr>
<td>最大功率(kw)</td>
<td>88</td>
<td>最大功率转速(rpm)</td>
<td>6600</td>
</tr>
<tr>
<td>最大扭矩(N`m)</td>
<td>145</td>
<td>扭矩转速(rpm)</td>
<td>321</td>
</tr>
<tr>
<td>供油方式</td>
<td>无数据</td>
<td>环保指数</td>
<td>无数据</td>
</tr>
</table>
</div>
<!--tab节点 .e-category-item-->
<div class="e-info-c e-category-item">
<table class="c_detail decoration_raty_list" cellpadding="0" cellspacing="0" width="100%" style="margin-top:0px;">
<!--评分统计-->
<tr>
<th width="100" align="center" style="text-align:center">
<p class="content-blue fs14 lh24 b name">综合评分</p>
</th>
<th colspan="2">
星级评分&nbsp;<div class="star"><span style="width: 60%;"></span></div>
</th>
</tr>
<tr>
<td width="100" align="center">
<img src="images/xiaowanzi.png"/>
<p class="content-blue fs14 lh24 b name">樱桃小丸子</p>
</td>
<td valign="top">
星级评分&nbsp;<div class="star"><span style="width: 60%;"></span></div>
<p class="lh32 content-c">2015年08月02日 13:11</p>
<p class="lh32">北京云居物业管理有限公司 专业承接大型开荒保洁、新居开荒保洁、二手房开荒保洁、工程开荒保洁、别墅开荒保洁、公司开荒保洁,复式楼开荒保洁。特价优惠活动进行中 大型开荒每平米2元起!</p>
</td>
</tr>
<tr>
<td width="100" align="center">
<img src="images/xiaowanzi.png"/>
<p class="content-blue fs14 lh24 b name">樱桃小丸子</p>
</td>
<td valign="top">
星级评分&nbsp;<div class="star"><span style="width: 75%;"></span></div>
<p class="lh32 content-c">2015年08月02日 13:11</p>
<p class="lh32">亚洲超越梦想集团有限公司 专业承接大型开荒保洁、新居开荒保洁、二手房开荒保洁、工程开荒保洁、别墅开荒保洁、公司开荒保洁,复式楼开荒保洁。特价优惠活动进行中 大型开荒每平米2元起!</p>
</td>
</tr>
</table>
</div>
</div>
<!--tab节点循环-->
</div>
<div class="right mt20 fr">
<div class="s-info">
<h2>商家信息</h2>
<img src="images/s1.jpg">
<p>云南顺遂商贸</p>
<div class="s-info-con">电话: 13629403966<br>地址: 云南省昆明市盘龙区东三环锦大车市</div>
</div>
<div class="hot">
<div class="n-title"><a href=""></a><h2>该车其他二手</h2></div>
<ul class="c-list">
<li>
<a href=""><img src="images/car-5.jpg"></a>
<h4><a href="">甲壳虫 2010款 墨橘版舒适版</a></h4>
<p>2010年 4.60万公里</p>
<em>11.80万</em>
</li>
<li>
<a href=""><img src="images/car-5.jpg"></a>
<h4><a href="">甲壳虫 2010款 墨橘版舒适版</a></h4>
<p>2010年 4.60万公里</p>
<em>11.80万</em>
</li>
<li>
<a href=""><img src="images/car-5.jpg"></a>
<h4><a href="">甲壳虫 2010款 墨橘版舒适版</a></h4>
<p>2010年 4.60万公里</p>
<em>11.80万</em>
</li>
<li>
<a href=""><img src="images/car-5.jpg"></a>
<h4><a href="">甲壳虫 2010款 墨橘版舒适版</a></h4>
<p>2010年 4.60万公里</p>
<em>11.80万</em>
</li>
<li>
<a href=""><img src="images/car-5.jpg"></a>
<h4><a href="">甲壳虫 2010款 墨橘版舒适版</a></h4>
<p>2010年 4.60万公里</p>
<em>11.80万</em>
</li>
</ul>
</div>
<div class="tj mt20">
<div class="n-title"><a href=""></a><h2>该车其他二手</h2></div>
<ul class="c-list">
<li>
<a href=""><img src="images/car-5.jpg"></a>
<h4><a href="">甲壳虫 2010款 墨橘版舒适版</a></h4>
<p>2010年 4.60万公里</p>
<em>11.80万</em>
</li>
<li>
<a href=""><img src="images/car-5.jpg"></a>
<h4><a href="">甲壳虫 2010款 墨橘版舒适版</a></h4>
<p>2010年 4.60万公里</p>
<em>11.80万</em>
</li>
<li>
<a href=""><img src="images/car-5.jpg"></a>
<h4><a href="">甲壳虫 2010款 墨橘版舒适版</a></h4>
<p>2010年 4.60万公里</p>
<em>11.80万</em>
</li>
<li>
<a href=""><img src="images/car-5.jpg"></a>
<h4><a href="">甲壳虫 2010款 墨橘版舒适版</a></h4>
<p>2010年 4.60万公里</p>
<em>11.80万</em>
</li>
<li>
<a href=""><img src="images/car-5.jpg"></a>
<h4><a href="">甲壳虫 2010款 墨橘版舒适版</a></h4>
<p>2010年 4.60万公里</p>
<em>11.80万</em>
</li>
</ul>
</div>
</div>
</div>
<div class="wp mt20">
<div class="title"><a class="refresh" href=""></a><h2>二手车推荐</h2></div>
<ul class="esc-list clearfix">
<li><a href=""><img src="images/car-4.jpg"><span>7.80万</span><p>大众POLO 2011款 1.4L</p><em>2012年上牌 3.00万公里</em></a></li>
<li><a href=""><img src="images/car-4.jpg"><span>7.80万</span><p>大众POLO 2011款 1.4L</p><em>2012年上牌 3.00万公里</em></a></li>
<li><a href=""><img src="images/car-4.jpg"><span>7.80万</span><p>大众POLO 2011款 1.4L</p><em>2012年上牌 3.00万公里</em></a></li>
<li><a href=""><img src="images/car-4.jpg"><span>7.80万</span><p>大众POLO 2011款 1.4L</p><em>2012年上牌 3.00万公里</em></a></li>
<li><a href=""><img src="images/car-4.jpg"><span>7.80万</span><p>大众POLO 2011款 1.4L</p><em>2012年上牌 3.00万公里</em></a></li>
</ul>
</div>
<div class="about tac b"><a href="">关于我们</a>|<a href="">法律声明</a>|<a href="">用户协议</a>|<a href="">工作机会</a>|<a href="">商务合作</a>|<a href="">联系我们</a>|<a href="">帮助中心</a></div>
<div class="footer">
<div class="wp">
<div class="f-logo fl"><a href=""></a></div>
<div class="copy fl">由宁夏国华众合置业有限公司独家运营<br>Copyright 2014 - 2015 92BANGJIA.COM All Rights Reserved.<br>京ICP备12049197号-2 | 技术支持:悠然天空</div>
<div class="contact fr">
<p>二十四小时服务热线</p>
<img src="images/f-tel.png">
<a class="qq" href=""></a><a class="weibo" href=""></a><a class="weixin" href=""></a>
</div>
</div>
</div>
<!--预约下面的遮盖层-->
<div class="mask pf e_hide"></div>
<!--book alert-->
<div class="point tips-login bookCar_modal pf e_hide">
<h2 class="yahei">在线预约<em>APPOINTMENT</em></h2>
<span class="close"></span>
<div class="p-form clearfix">
<input type="hidden" id="bookId">
<div class="p-form-i"><span>姓名:</span><input type="text" placeholder=""></div>
<div class="p-form-i"><span>电话:</span><input type="text" placeholder=""></div>
<div class="p-form-i"><span>预约时间:</span><input type="text" placeholder=""></div>
<div class="p-form-i"><span>留言:</span><input type="text" placeholder=""></div>
</div>
<div class="p-box-btn tac">
<a href="">立即预约</a>
</div>
</div>
<div class="s-top" id="back-to-top"><a href="javascript:;"></a></div>
<script src="js/jquery.min.js"></script>
<script src="js/jquery.bxslider.min.js"></script>
<script src="js/base.js"></script>
<script type="text/javascript">
$("#e-nav a").each(function(index, element) {
$(element).attr("tab-index",index);
}).click(function(){
$("#e-nav a").parent().removeClass("cur");
$(this).parent().addClass("cur");
$("#e-category-items .e-category-item").hide();
$("#e-category-items .e-category-item").eq($(this).attr("tab-index")).fadeIn(300);
});
</script>
</body>
</html>
Loading...
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
HTML
1
https://gitee.com/marvengong/bangjia.git
[email protected]:marvengong/bangjia.git
marvengong
bangjia
bangjia
master

搜索帮助