Слияние кода завершено, страница обновится автоматически
<html>
<head>
<meta charset="utf-8" />
<title>二手车</title>
<link href="css/index.css" rel="stylesheet"/>
<link rel="stylesheet" href="css/shop.css" />
<script src="js/jquery-2.1.4/jquery-2.1.4.min.js"></script>
<link rel="stylesheet" href="js/bootstrap-3.3.6-dist/css/bootstrap.min.css" />
<script src="js/bootstrap-3.3.6-dist/js/bootstrap.min.js"></script>
<!--
js拾色器
<script src="js/alloydesigner.js"></script>
-->
<script type="text/javascript">
$(
function()
{
$("#titleBar a").bind("click",function(){
$("#titleBar a").removeClass("shopcurrent");
$(this).addClass("shopcurrent");
})
}
)
</script>
</head>
<body>
<center>
<div id="main">
<div style="height: 332px;background-image: url(img/shop/shopcar.bmp);"></div>
<div id="titleBar" style="border-bottom: 2px solid rgb(0,122,204);background-color: white;margin-top: 40px;">
<ul class="shop_nav_ul">
<li><a class="pl10 shopcurrent" href="#">全部商品分类</a></li>
<li><a class="pl10 " href="#">全部品牌</a></li>
<li><a class="pl10" href="#">全部商品</a></li>
</ul>
</div>
<div id="shoptype" style="height: 42px;" class="mt10">
<div><a class="button">汽车养护美容</a></div>
<div><a class="button">汽车养护美容</a></div>
<div><a class="button">汽车养护美容</a></div>
<div><a class="button">汽车养护美容</a></div>
<div><a class="button">汽车养护美容</a></div>
<div><a class="button">汽车养护美容</a></div>
<div><a class="button">汽车养护美容</a></div>
<div><a class="button">汽车养护美容</a></div>
</div>
<div style="height: 120px;">
<div style="height: 95px;border: 1px solid grey;" class="mt10">
<div style="width: 95px;height: 95px;background-color:rgba(1,1,1,0.1);" class="fleft">品牌</div>
<div style="height: 95px" class="ml10 fleft">
<table border="1" bordercolor="darkgray" cellpadding="0" cellspacing="0" height="89px" width="860px" style="margin-top: 2px;">
<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
</table>
</div>
<div class="fleft ml10">
<span class="glyphicon glyphicon-plus"><a class="me" href="#">多选</a> </span>
<span class="glyphicon glyphicon-chevron-down"><a class="me" href="#">更多</a></span>
</div>
</div>
<div style="height: 25px;border: 1px solid darkgray;">
<div style="width: 95px;height: 25px;background-color:rgba(1,1,1,0.1);" class="fleft">
<span class="glyphicon glyphicon-chevron-right">分类</span>
</div>
<div style="height: 25px; width: 970px;" class="fleft ">
<ul>
<li class=" fleft ml10" style="margin-left: 50px;"><a class="me" href="#" style="width: 120px;">易损保养件</a></li>
<li class=" fleft ml10" style="margin-left: 50px;"><a class="me" href="#" style="width: 120px;">易损保养件</a></li>
<li class=" fleft ml10" style="margin-left: 50px;"><a class="me" href="#" style="width: 120px;">易损保养件</a></li>
<li class=" fleft ml10" style="margin-left: 50px;"><a class="me" href="#" style="width: 120px;">易损保养件</a></li>
<li class=" fleft ml10" style="margin-left: 50px;"><a class="me" href="#" style="width: 120px;">易损保养件</a></li>
</ul>
</div>
</div>
</div>
<div style="height: 33px; margin-top: 40px;">
<table border="1px" cellspacing="0" cellpadding="0" width="800px" height="30px" style="float: left;">
<tr>
<td width="50" align="center"><a class="button" href="#" style="height: 30px;width: 50px;line-height: 30px;">综合<span class="glyphicon glyphicon-arrow-down" aria-hidden="true"></span></a></td>
<td width="50" align="center"><a class="button" href="#" style="height: 30px;width: 50px;line-height: 30px;">人气<span class="glyphicon glyphicon-arrow-down" aria-hidden="true"></span></a></td>
<td width="50" align="center"><a class="button" href="#" style="height: 30px;width: 50px;line-height: 30px;">新品<span class="glyphicon glyphicon-arrow-down" aria-hidden="true"></span></a></td>
<td width="50" align="center"><a class="button" href="#" style="height: 30px;width: 50px;line-height: 30px;">销量<span class="glyphicon glyphicon-arrow-down" aria-hidden="true"></span></a></td>
<td width="50" align="center"><a class="button" href="#" style="height: 30px;width: 60px;line-height: 30px;">价格<span class="glyphicon glyphicon-resize-vertical" aria-hidden="true"></span></a></td>
<td width="50" align="center" colspan="2">
<div style="width: 150px;">收货地: <span><select><option>请选择</option></select></span></div>
</td>
<td align="center" colspan="2">
<div style="width: 150px;">
<input type="text" placeholder="¥请输入" style="width: 60px;" />—<input type="text" placeholder="¥请输入" style="width: 60px;" />
</div>
</td>
<td align="center" colspan="5">
<div style="width: 180px;">
<span>包邮<input type="checkbox" id=""/> 折扣<input type="checkbox" id="" /></span> <a href="#" class="me"><i class="glyphicon glyphicon-chevron-down">更多</i></a>
</div>
</td>
</tr>
</table>
</div>
<div style="margin-top: 20px;">
<table border="0px" cellspacing="0px" cellpadding="0px" height="261px" width="1080px">
<tr>
<td valign="bottom" style="background-image: url(img/xiangxicar.bmp); width: 219px;height: 141px;" class="bgImg" ><a href="#"></a></td>
<td valign="bottom" style="background-image: url(img/xiangxicar.bmp); width: 219px;height: 141px;" class="bgImg" ><a href="#"></a></td>
<td valign="bottom" style="background-image: url(img/xiangxicar.bmp); width: 219px;height: 141px;" class="bgImg" ><a href="#"></a></td>
<td valign="bottom" style="background-image: url(img/xiangxicar.bmp); width: 219px;height: 141px;" class="bgImg" ><a href="#"></a></td>
</tr>
<tr>
<td height="120px">
<font style="font-family: '微软雅黑';font-size: small;">标志：307 2007款 改款1.6L 手动舒适版</font></br>
<font style="font-family: '微软雅黑';font-size: xx-small;">2008年5月1237公里</font></br>
<font style="font-family: '微软雅黑';font-size: large;" class="fblueBlod">3.80万</font></br>
<font style="font-family: '微软雅黑';font-size: xx-small;">新车价10.98万</font>
<!--
<a href="#"><img src="img/kanjia.bmp" style="float: right;margin-right: 20px;"/></a>
-->
</td>
<td>
<font style="font-family: '微软雅黑';font-size: small;">标志：307 2007款 改款1.6L 手动舒适版</font></br>
<font style="font-family: '微软雅黑';font-size: xx-small;">2008年5月1237公里</font></br>
<font style="font-family: '微软雅黑';font-size: large;" class="fblueBlod">3.80万</font></br>
<font style="font-family: '微软雅黑';font-size: xx-small;">新车价10.98万</font>
<!--
<a href="#"><img src="img/kanjia.bmp" style="float: right;margin-right: 20px;"/></a>
-->
</td>
<td>
<font style="font-family: '微软雅黑';font-size: small;">标志：307 2007款 改款1.6L 手动舒适版</font></br>
<font style="font-family: '微软雅黑';font-size: xx-small;">2008年5月1237公里</font></br>
<font style="font-family: '微软雅黑';font-size: large;" class="fblueBlod">3.80万</font></br>
<font style="font-family: '微软雅黑';font-size: xx-small;">新车价10.98万</font>
<!--
<a href="#"><img src="img/kanjia.bmp" style="float: right;margin-right: 20px;"/></a>
-->
</td>
<td>
<font style="font-family: '微软雅黑';font-size: small;">标志：307 2007款 改款1.6L 手动舒适版</font></br>
<font style="font-family: '微软雅黑';font-size: xx-small;">2008年5月1237公里</font></br>
<font style="font-family: '微软雅黑';font-size: large;" class="fblueBlod">3.80万</font></br>
<font style="font-family: '微软雅黑';font-size: xx-small;">新车价10.98万</font>
<!--
<a href="#"><img src="img/kanjia.bmp" style="float: right;margin-right: 20px;"/></a>
-->
</td>
</tr>
</table>
</div>
<div style="margin-top: 40px;margin-bottom: 60px;">
<center>
<form action="" method="post">
<table cellpadding="0" cellspacing="0" border="1px" height="35">
<tr>
<td ><a class="button" href="#" style="height: 35px;width: auto;line-height: 35px;"><<上一页</a></td>
<td width="25" align="center"><a class="me" style="display: block; height: 35px; width: 25px;line-height: 35px;">1</a></td>
<td width="25" align="center"><a class="me" style="display: block; height: 35px; width: 25px;line-height: 35px;">2</a></td>
<td width="25" align="center"><a class="me" style="display: block; height: 35px; width: 25px;line-height: 35px;">3</a></td>
<td width="25" align="center"><a class="me" style="display: block; height: 35px; width: 25px;line-height: 35px; font-size:x-large;">...</a></td>
<td ><a class="button" href="#" style="height: 35px;width: auto;line-height: 35px;">下一页>></a></td>
<td width="120px" align="center" style="border: none;" bordercolor="white">
到第<input type="text" style="width: 25px;height: 33px;line-height:33px;display: inline;"/>页
</td>
<!--
<td><a class="button" href="#" style="height: 35px;width: 40px;line-height: 35px;text-align: center;">确定</a></td>
-->
<td><input type="submit" value="确定" style="line-height: 35px;width: 60px;height: 35px;"/></td>
</tr>
</table>
</form>
</center>
</div>
<div style="height: 40px; border:1px solid darkgray;margin-top: 30px; margin-bottom: 40px;">
<font style="margin-left: 0px; float: left; line-height: 40px;" class="fblueBlod ml10"> 您是不是要找？</font>
<span style="width: 100px; line-height: 40px; border-right: 1px solid gray;" class="ml10 pr10"><a href="#" class="me">车灯</a> </span>
<span style="width: 100px; line-height: 40px; border-right: 1px solid gray;" class="ml10 mr10"><a href="#" class="me">油门踏板</a> </span>
<span style="width: 100px; line-height: 40px; border-right: 1px solid gray;" class="ml10 mr10"><a href="#" class="me">飞利浦车灯</a> </span>
<span style="width: 100px; line-height: 40px; border-right: 1px solid gray;" class="ml10 mr10"><a href="#" class="me">避震</a> </span>
<span style="width: 100px; line-height: 40px; border-right: 1px solid gray;" class="ml10 mr10"><a href="#" class="me">近光灯</a> </span>
<span style="width: 100px; line-height: 40px; border-right: 1px solid gray;" class="ml10 mr10"><a href="#" class="me">汽车灯泡</a> </span>
<span style="width: 100px; line-height: 40px; border-right: 1px solid gray;" class="ml10 mr10"><a href="#" class="me">汽车防盗锁</a> </span>
<span style="width: 100px; line-height: 40px; border-right: 1px solid gray;" class="ml10 mr10"><a href="#" class="me">LED大灯</a> </span>
</div>
<div class="mt10 fredBlod" style="text-align:left;height: 40px; line-height: 40px;"> 猜你喜欢</div>
<div class="mt5">
<table border="0px" cellspacing="0px" cellpadding="0px" height="261px" width="1080px">
<tr>
<td valign="bottom" style="background-image: url(img/xiangxicar.bmp); width: 219px;height: 141px;" class="bgImg" ><a href="#"></a></td>
<td valign="bottom" style="background-image: url(img/xiangxicar.bmp); width: 219px;height: 141px;" class="bgImg" ><a href="#"></a></td>
<td valign="bottom" style="background-image: url(img/xiangxicar.bmp); width: 219px;height: 141px;" class="bgImg" ><a href="#"></a></td>
<td valign="bottom" style="background-image: url(img/xiangxicar.bmp); width: 219px;height: 141px;" class="bgImg" ><a href="#"></a></td>
</tr>
<tr>
<td height="120px">
<font style="font-family: '微软雅黑';font-size: small;">标志：307 2007款 改款1.6L 手动舒适版</font></br>
<font style="font-family: '微软雅黑';font-size: xx-small;">2008年5月1237公里</font></br>
<font style="font-family: '微软雅黑';font-size: large;" class="fblueBlod">3.80万</font></br>
<font style="font-family: '微软雅黑';font-size: xx-small;">新车价10.98万</font>
<!--
<a href="#"><img src="img/kanjia.bmp" style="float: right;margin-right: 20px;"/></a>
-->
</td>
<td>
<font style="font-family: '微软雅黑';font-size: small;">标志：307 2007款 改款1.6L 手动舒适版</font></br>
<font style="font-family: '微软雅黑';font-size: xx-small;">2008年5月1237公里</font></br>
<font style="font-family: '微软雅黑';font-size: large;" class="fblueBlod">3.80万</font></br>
<font style="font-family: '微软雅黑';font-size: xx-small;">新车价10.98万</font>
<!--
<a href="#"><img src="img/kanjia.bmp" style="float: right;margin-right: 20px;"/></a>
-->
</td>
<td>
<font style="font-family: '微软雅黑';font-size: small;">标志：307 2007款 改款1.6L 手动舒适版</font></br>
<font style="font-family: '微软雅黑';font-size: xx-small;">2008年5月1237公里</font></br>
<font style="font-family: '微软雅黑';font-size: large;" class="fblueBlod">3.80万</font></br>
<font style="font-family: '微软雅黑';font-size: xx-small;">新车价10.98万</font>
<!--
<a href="#"><img src="img/kanjia.bmp" style="float: right;margin-right: 20px;"/></a>
-->
</td>
<td>
<font style="font-family: '微软雅黑';font-size: small;">标志：307 2007款 改款1.6L 手动舒适版</font></br>
<font style="font-family: '微软雅黑';font-size: xx-small;">2008年5月1237公里</font></br>
<font style="font-family: '微软雅黑';font-size: large;" class="fblueBlod">3.80万</font></br>
<font style="font-family: '微软雅黑';font-size: xx-small;">新车价10.98万</font>
<!--
<a href="#"><img src="img/kanjia.bmp" style="float: right;margin-right: 20px;"/></a>
-->
</td>
</tr>
</table>
</div>
<div style="height: 60px;margin-top: 60px;background-color: rgba(1,1,1,0.1);">
<center>
<div style="height: 36px; position: relative; top: 12px; width: 426px;" class="borderblue3">
<form id="shop_search" action="" method="post">
<input type="text" style="width: 290px;height: 30px;border: none;" class="fleft"/>
<input type="submit" value="搜索" style="width: 130px;height: 30px; " class="fleft"/>
</form>
</div>
</center>
</div>
<div style="height: 120px;background-image: url(img/shop/shoptesebar.png);" class="mt10"></div>
</div>
</center>
</body>
</html>
Вы можете оставить комментарий после Вход в систему
Неприемлемый контент может быть отображен здесь и не будет показан на странице. Вы можете проверить и изменить его с помощью соответствующей функции редактирования.
Если вы подтверждаете, что содержание не содержит непристойной лексики/перенаправления на рекламу/насилия/вульгарной порнографии/нарушений/пиратства/ложного/незначительного или незаконного контента, связанного с национальными законами и предписаниями, вы можете нажать «Отправить» для подачи апелляции, и мы обработаем ее как можно скорее.
Опубликовать ( 0 )