概述
一号店首页：
<html lang="en">
<head>
<meta charset="UTF-8">
<title>首页</title>
<style>
*{
margin: 0px;
padding: 0px;
}
.clear{
content: '';
display: block;
clear: both;
}
header{
background:linear-gradient(to bottom,#e0e0dd,#fffffc,#f2f2ef);
height: 35px;
}
.daohang,.daohang1{
float: right;
}
header span{
display: inline-block;
height: 35px;
line-height: 35px;
margin-left: 50px;
color: #3b3b38;
}
header ul{
display: inline-block;
height: 35px;
line-height: 35px;
margin-right: 60px;
}
.daohang li{
list-style-type: none;
height: 35px;
line-height: 35px;
}
.daohang1,.daohang1 a,.fl a{
color: #3b3b38;
text-decoration: none;
vertical-align: middle;
}
.daohang1 img,.daohang1{
vertical-align: middle;
}
header a:hover,.fl a:hover{
color: #ff5d35;
}
.daohang li:nth-of-type(9) a{
color: #ff5d35;
}
.service{
overflow: hidden;
background-color: #FFF;
margin-top: 6px;
padding: 10px 0px;
border: 1px solid #cdcdcd;
position: absolute;
width: 116px;
left: 50%;
margin-left: -58px;
z-index: 900;
display: none;
}
/*.service1{*/
/*width: 116px;*/
/*overflow: hidden;*/
/*position: absolute;*/
/*left: 50%;*/
/*margin-left: -58px;*/
/*z-index: 900;*/
/*display: none;*/
/*}*/
.service a{
color: black;
}
.service a:hover{
color: #ff5d35;
}
.daohang li:nth-of-type(6):hover .service{
display: block;
position: relative;
}
section{
padding-top: 40px;
padding-left: 60px;
}
#logo{
display: inline-block;
float: left;
}
.search2{
width: 494px;
background: #ff324a;
padding: 0px 2px 2px 2px;
}
.search2 input:nth-of-type(1){
width: 400px;
outline: none;
height: 35px;
line-height: 35px;
padding-left: 10px;
border: none;
}
.search2 input:nth-of-type(2){
width: 90px;
height: 35px;
background: #ff324a;
border: none;
color: white;
font-size: 16px;
outline: none;
}
.fl{
float: left;
list-style-type: none;
padding-right: 20px;
margin-top: 3px;
}
.search1{
display: inline-block;
margin: 10px 0px 0px 95px;
float: left;
}
.car{
width: 95px;
height: 30px;
line-height: 30px;
float: left;
border: #eaedee solid 1px;
margin: 10px 0px 0px 210px;
padding: 5px 15px 3px 10px;
background: #f4f7f8;
}
.car a{
color: #696c6d;
text-decoration: none;
font-size: 14px;
margin-left: 20px;
}
.car span{
vertical-align: middle;
}
.menu{
width: 1200px;
margin: 25px 100px 20px 80px;
}
.all{
width: 185px;
height: 44px;
line-height: 44px;
color: white;
background: #ff4039;
padding-left: 35px;
font-size: 16px;
float: left;
}
.all_daohang{
height: 44px;
line-height: 44px;
font-size: 16px;
font-weight: bold;
float: left;
}
.all_daohang a{
padding: 0px 20px 0px 10px;
text-decoration: none;
color: black;
}
.all_daohang a:nth-of-type(1),.all_daohang a:nth-of-type(2){
color: #ff4039;
}
.all_daohang a:hover{
color: #ff4039;
}
.menu_head{
border-bottom: #ff4039 2px solid;
height: 44px;
}
.phone_order{
float: right;
margin-top: 5px;
}
.fr li{
list-style-type: none;
height: 38px;
line-height: 38px;
width: 220px;
background-color: #ae0e05;
font-size: 14px;
padding-top: 2px;
}
.all_img{
display: inline-block;
width: 38px;
text-align: center;
vertical-align: middle;
}
.fr li a{
color: white;
text-decoration: none;
vertical-align: middle;
}
.fr li span:nth-of-type(3){
float: right;
padding-right: 10px;
}
.fr li div{
transition: ease-in-out all 0.8s;
}
.fr li div:hover{
transform: translateX(17px);
}
.all_menu{
float: left;
}
.adv{
background: url("../一号店/ban1.jpg") no-repeat;
background-size: 700px 401px;
width: 700px;
height: 401px;
float: left;
margin-left: 6px;
position: relative;
}
#adv_left{
position: absolute;
top: 42%;
}
#adv_right{
position: absolute;
right: 0px;
top: 42%;
}
#adv_num li{
float: left;
list-style-type: none;
background: #b9b9b9;
border-radius: 10px;
text-align: center;
margin-right: 10px;
}
#adv_num{
position: absolute;
left: 45%;
bottom: 5%;
}
#adv_num li a{
color: black;
text-decoration: none;
font-weight: bold;
width: 20px;
height: 20px;
line-height: 20px;
border-radius: 10px;
display: inline-block;
}
#adv_num li:hover a{
background: #ff324a;
color: white;
}
#news_money{
float: right;
}
.news_title{
width: 205px;
height: 37px;
line-height: 37px;
padding: 2px 0px;
border-bottom: 1px #bebdbd dotted;
}
.news_title h6{
font-size: 16px;
float: left;
padding-left: 10px;
}
.news_title span{
float: right;
padding-right: 15px;
}
.news_title span a,.news_menu li a{
color: #999999;
text-decoration: none;
}
.news_title span a:hover,.news_menu li a:hover{
color: #ff4039;
}
.news_menu{
width: 205px;
padding: 0px 0px 10px 0px;
border-bottom: #bebdbd 1px solid;
}
.news_menu li{
margin: 15px 10px;
list-style-type: none;
}
.money_title h4{
font-size: 16px;
padding: 9px 10px;
border-bottom: #bebdbd 1px dotted;
}
.money{
padding: 5px 10px;
}
.news_menu span{
font-weight: bold;
}
.money_title img{
padding: 0px 0px 5px 10px;
}
#news_money{
border-left: #bebdbd 1px solid;
border-right: #bebdbd 1px solid;
border-bottom: #bebdbd 1px solid;
}
#hot{
margin: 20px 80px 20px 80px;
width: 1200px;
height: 225px;
}
.hot{
width: 190px;
padding: 5px 20px 30px 0px;
background: #d3eefa;
position: relative;
overflow: hidden;
float: left;
}
.hot img,.hot_con img{
transition: all 0.8s;
}
.hot:hover img,.hot_con:hover img{
transform: scale(1.08);
}
.hot span:nth-of-type(1){
font-size: 14px;
color: white;
display: inline-block;
padding: 1px 4px 1px 5px;
background: #ff5d35;
position: absolute;
left: 26%;
bottom: 6px;
}
.hot span:nth-of-type(2){
color: #ff5d35;
position: absolute;
right: 25%;
bottom: 8px;
}
#hot_{
margin-left: 15px;
width: 975px;
height: 225px;
float: left;
position: relative;
}
.hot1{
width: 242px;
height: 225px;
float: left;
position: relative;
overflow: hidden;
}
.hot_logo{
position: absolute;
left: 15px;
top: 10px;
z-index: 10;
}
.hot_con{
margin: 10px 15px;
}
.hot_con li{
list-style-type: none;
}
.hot_con ul{
margin-top: 10px;
}
.hot_h{
text-align: center;
display: inline-block;
width: 215px;
text-decoration: none;
color: #999999;
}
.hot_h span{
font-size: 16px;
font-weight: bold;
color: black;
}
.hot_pay{
margin-left: 30%;
}
.hot_pay span:nth-of-type(1){
color: #ff5d35;
font-size: 18px;
font-weight: bold;
}
.hot_pay span:nth-of-type(2){
color: #999999;
margin-left: 10px;
}
#hot_>div:nth-of-type(1){
border: #bebdbd 1px solid;
}
#hot_>div:nth-of-type(2),#hot_>div:nth-of-type(3),#hot_>div:nth-of-type(4){
border-top: #bebdbd 1px solid;
border-right: #bebdbd 1px solid;
border-bottom: #bebdbd 1px solid;
}
.left{
position: absolute;
left: 1px;
top: 38%;
z-index: 2;
}
.right{
position: absolute;
right: 1px;
top: 38%;
z-index: 2;
}
.cuxiao{
margin: 0px 80px;
}
.sales_con{
margin-top: 5px;
border-top: 2px #ff5d35 solid;
width: 1200px;
}
#sales{
margin-top: 30px;
margin-left: 80px;
}
.floor_num{
background: url("../一号店/floor.png") no-repeat center top;
display: inline-block;
height: 34px;
width: 33px;
position: relative;
}
.floor_num span{
position: absolute;
font-size: 14px;
color: white;
left: 5px;
bottom: 3px;
}
.floor_name{
color: #ff5d35;
font-size: 18px;
margin-left: 15px;
display: inline-block;
transform: translateY(-7px);
}
.sales_title{
display: inline-block;
width: 450px;
margin-left: 720px;
}
.sales_title li{
float: left;
list-style-type: none;
margin-right: 25px;
display: inline-block;
height: 25px;
line-height: 25px;
}
.sales_title li a{
color: #999999;
text-decoration: none;
}
.sales_title li a:hover{
color: #ff5d35;
}
.sales_pic{
background: url("../一号店/fre_r.jpg") no-repeat;
width: 211px;
height: 286px;
position: relative;
}
.s_left{
position: absolute;
left: 0px;
top: 45%;
}
.s_right{
position: absolute;
right: 0px;
top: 45%;
}
.sales_a>li{
width: 195px;
height: 30px;
line-height: 30px;
list-style-type: none;
padding-left: 15px;
border-bottom: #bebdbd dotted 1px;
}
.sales_b li{
float: left;
margin-right: 25px;
list-style-type: none;
}
.sales_b li a{
color: gray;
text-decoration: none;
}
.sales_b li a:hover{
color: #ff5d35;
}
.sales_{
width: 209px;
background: #e5ffef;
padding: 15px 0px 25px 0px;
border: #c5e1d1 1px solid;
}
.sales_menu1{
width: 211px;
height: 451px;
float: left;
}
.sales_demo{
float: left;
height: 220px;
width: 243px;
}
.sales_rows,.sales_cols,.sales_rows ul{
height: 220px;
}
#sales_demo,#sales_demo1{
width: 980px;
float: left;
height: 451px;
}
#sales_demo li{
list-style-type: none;
text-align: center;
}
.sales_demo1{
position: relative;
overflow: hidden;
}
.sales_demo1 li:nth-of-type(1){
margin: 15px 0px 7px 0px;
}
.sales_demo1 li:nth-of-type(1) a{
color: #999999;
text-decoration: none;
font-size: 14px;
}
.sales_demo1 li:nth-of-type(1) a:hover{
color: #ff5d35;
}
.sales_demo1 li:nth-of-type(2){
font-size: 18px;
color: #ff5d35;
}
.sales_demo1 li:nth-of-type(3){
position: absolute;
bottom: 0px;
left: 30px;
transition: all 0.8s;
}
.sales_demo1 li:nth-of-type(3):hover{
transform: scale(1.08);
}
.sales_demo2>li{
border-bottom: #bebdbd solid 1px;
}
.sales_demo2>li:nth-of-type(1),.sales_demo2>li:nth-of-type(2),.sales_demo2>li:nth-of-type(3){
border-right: #bebdbd solid 1px;
}
.sales_demo3>li:nth-of-type(1),.sales_demo3>li:nth-of-type(2),.sales_demo3>li:nth-of-type(3){
border-right: #bebdbd solid 1px;
}
.sales_pic1{
background: url("../一号店/make_r.jpg") no-repeat top;
background-size: 211px 286px;
width: 211px;
height: 286px;
position: relative;
}
.sales_1{
width: 211px;
background: #fde8f0;
padding: 15px 0px 25px 0px;
}
.sales_floor1{
margin-top: 10px;
}
#sales_demo1 li{
list-style-type: none;
text-align: center;
}
.sales_floor1{
margin-top: 20px;
}
.cuxiao1{
margin-top: 20px;
}
.sales_pic2{
background: url("../一号店/baby_r.jpg") no-repeat top;
width: 211px;
height: 286px;
position: relative;
}
.sales_2{
width: 211px;
background: #f2dde5;
padding: 15px 0px 25px 0px;
}
#sales_demo2 li{
list-style-type: none;
text-align: center;
}
.sales_floor2{
padding-top: 20px;
}
.b_body{
width: 1100px;
margin: 0px auto;
height: 200px;
padding-left: 80px;
}
.b1{
margin: 40px 140px 40px 10px;
float: left;
}
.b1 ul li{
list-style-type: none;
text-align: center;
}
.b1 ul li:nth-of-type(1) img{
transition: all 2s;
}
.b1 ul li:nth-of-type(1):hover img{
transform: scale(1.2) rotateZ(360deg);
}
.b1 ul li:nth-of-type(2){
font-size: 15px;
margin-top: 8px;
}
.b1 ul li:nth-of-type(3){
font-size: 15px;
color: #a5a4a4;
}
#footer_a{
margin-left: 180px;
float: left;
}
.footer_a{
float: left;
padding: 10px 35px;
}
.footer_a li{
list-style-type: none;
margin: 7px 0px;
}
.footer_a li a{
text-decoration: none;
color: #a5a4a4;
}
.footer_a li a:hover,.footer_b a:hover{
color: #ff5d35;
}
.footer_a li:nth-of-type(1) a{
color: black;
}
.footer_a li:nth-of-type(1) a:hover{
text-decoration: underline;
}
.footer_a li:nth-of-type(1){
font-size: 15px;
margin-bottom: 20px;
}
#footer_b{
position: relative;
left: 85px;
}
.footer_b{
height: 30px;
padding: 10px 0px;
}
.footer_b a,.footer_b img{
vertical-align: middle;
margin: 0px 5px;
}
.footer_b a{
display: inline-block;
height:30px;
line-height: 30px;
text-decoration: none;
font-size: 14px;
color: #a5a4a4;
position: relative;
left: -25px;
}
.footer_b_cell,.footer_b_cellnum{
margin: 7px 0px;
position: relative;
left: -20px;
}
.footer_b_cell{
color: #696c6d;
}
.footer_b_cellnum{
color: #ff5d35;
font-size: 18px;
}
.hr{
margin: 0px auto;
width: 1150px;
border-top: #e7e6e6 solid 1px;
}
.footer_c{
text-align: center;
}
.footer_c_copy{
margin: 30px 0px;
color: #bfbebe;
}
.footer_c_{
margin-left: 410px;
padding-bottom: 120px;
}
.footer_c_ li{
float: left;
list-style-type: none;
margin-right: 15px;
border: #bfbebe solid 1px;
padding: 1px 1px 0px 1px;
border-radius: 5px;
}
</style>
</head>
<body>
<header>
<span>送货至：四川</span>
<ul class="daohang">
<li class="daohang1">| <a href="#">手机版 <img src="../一号店/s_tel.png"></a></li>
<li class="daohang1"> <a href="#"><img src="../一号店/sh2.png"></a> </li>
<li class="daohang1"> <a href="#"><img src="../一号店/sh1.png"></a> </li>
<li class="daohang1"> | 关注我们：</li>
<li class="daohang1"><a href="#">网址导航</a> <img src="../一号店/t_arrow.gif"> </li>
<li class="daohang1"><a href="#">客户服务</a> <img src="../一号店/t_arrow.gif">
<div class="service">
<ul>
<li><a href="#">客户服务</a></li>
<li><a href="#">客户服务</a></li>
<li><a href="#">客户服务</a></li>
</ul>
</div>
</li>
<li class="daohang1"><a href="#">收藏夹</a> <img src="../一号店/t_arrow.gif"> </li>
<li class="daohang1"><a href="#">我的订单</a> | </li>
<li class="daohang1"><a href="#">免费注册</a> | </li>
<li class="daohang1">您好！请<a href="#">登录</a> </li>
</ul>
<div class="clear"></div>
</header>
<section>
<div class="search">
<span id="logo"><img src="../一号店/logo.png"></span>
<div class="search1">
<form method="post" action="#">
<div class="search2">
<input type="search" placeholder="请输入关键字">
<input type="submit" value="搜索">
</div>
</form>
<div>
<ul>
<li class="fl"><a href="#">咖啡</a></li>
<li class="fl"><a href="#">iphone6S</a></li>
<li class="fl"><a href="#">新鲜美食</a></li>
<li class="fl"><a href="#">蛋糕</a></li>
<li class="fl"><a href="#">日用品</a></li>
<li class="fl"><a href="#">连衣裙</a></li>
</ul>
</div>
<div class="clear"></div>
</div>
<div class="car">
<span><img src="../一号店/car.png"></span>
<a href="#">购物车</a>
</div>
</div>
<div class="clear"></div>
<div class="menu">
<div class="menu_head">
<div class="all">全部商品分类</div>
<nav class="all_daohang">
<a href="#">首页</a>
<a href="#">自营超市</a>
<a href="#">1号团</a>
<a href="#">1号超市</a>
<a href="#">女装</a>
<a href="#">美妆</a>
<a href="#">1号海购</a>
<a href="#">团购</a>
</nav>
<div class="phone_order"><a href="#"><img src="../一号店/phone.png"></a></div>
</div>
<div class="clear"></div>
<div class="all_menu">
<ul class="fr">
<li><div><a href="#"><span class="all_img"><img src="../一号店/nav1.png"/></span><span>进口食品、生鲜</span><span> > </span></a></div></li>
<li><div><a href="#"><span class="all_img"><img src="../一号店/nav2.png"/></span><span>食品饮料、酒</span><span> > </span></a></div></li>
<li><div><a href="#"><span class="all_img"><img src="../一号店/nav3.png"/></span><span>母婴、玩具、童装</span><span> > </span></a></div></li>
<li><div><a href="#"><span class="all_img"><img src="../一号店/nav4.png"/></span><span>家居、家庭清洁、纸品</span><span> > </span></a></div></li>
<li><div><a href="#"><span class="all_img"><img src="../一号店/nav5.png"/></span><span>美妆、个人护理、洗护</span><span> > </span></a></div></li>
<li><div><a href="#"><span class="all_img"><img src="../一号店/nav6.png"/></span><span>女装、内衣、中老年</span><span> > </span></a></div></li>
<li><div><a href="#"><span class="all_img"><img src="../一号店/nav7.png"/></span><span>鞋靴、箱包、腕表配饰</span><span> > </span></a></div></li>
<li><div><a href="#"><span class="all_img"><img src="../一号店/nav8.png"/></span><span>男装、运动</span><span> > </span></a></div></li>
<li><div><a href="#"><span class="all_img"><img src="../一号店/nav9.png"/></span><span>手机、小家电、电脑</span><span> > </span></a></div></li>
<li><div><a href="#"><span class="all_img"><img src="../一号店/nav10.png"/></span><span>礼品、充值</span><span> > </span></a></div></li>
</ul>
<div class="clear"></div>
</div>
<div class="adv">
<div>
<a href="#" id="adv_left"><span><img src="../一号店/b_left.png"></span></a>
<a href="#" id="adv_right"><span><img src="../一号店/b_right.png"></span></a>
<ul id="adv_num">
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
</ul>
</div>
</div>
<div id="news_money">
<div class="news_title">
<h6>快讯</h6>
<span><a href="#">更多></a></span>
</div>
<div class="clear"></div>
<ul class="news_menu">
<li><span>【特惠】</span><a href="#">掬一轮明月 表无尽惦念</a></li>
<li><span>【公告】</span><a href="#">好奇金装成长裤新品上市</a></li>
<li><span>【特惠】</span><a href="#">大牌闪购 · 抢！</a></li>
<li><span>【公告】</span><a href="#">发福利 买车就抢千元油卡</a></li>
<li><span>【公告】</span><a href="#">家电低至五折</a></li>
</ul>
<div class="money_title">
<h4>1号钱包</h4>
<div class="money">收益日结，收益赚High！</div>
<img src="../一号店/oneAD.jpg" width="180" height="105">
</div>
</div>
</div>
<div class="clear"></div>
<div id="hot">
<div class="hot">
<div class="hot_transform">
<img src="../一号店/l_img.jpg" width="188" height="188">
<div>
<span>￥53.00</span>
<span>16R</span>
</div>
</div>
</div>
<div id="hot_">
<div class="hot1">
<div class="hot_logo"><img src="../一号店/hot.png"></div>
<span class="left"><img src="../一号店/b_left.png"></span>
<div class="hot_con">
<img src="../一号店/hot1.jpg">
<ul>
<li><a href="#" class="hot_h"><span>德国进口</span><br>德亚全脂纯牛奶200ml*48盒</a></li>
<li class="hot_pay"><span>￥189 </span><span>26R</span></li>
</ul>
</div>
</div>
<div class="hot1">
<div class="hot_logo"><img src="../一号店/hot.png"></div>
<div class="hot_con">
<img src="../一号店/hot2.jpg">
<ul>
<li><a href="#" class="hot_h"><span>iphone 6S</span><br>Apple/苹果 iPhone 6s Plus公开版</a></li>
<li class="hot_pay"><span>￥5288</span><span>25R</span></li>
</ul>
</div>
</div>
<div class="hot1">
<div class="hot_logo"><img src="../一号店/hot.png"></div>
<div class="hot_con">
<img src="../一号店/hot3.jpg">
<ul>
<li><a href="#" class="hot_h"><span>倩碧特惠组合套装</span><br>倩碧补水组合套装8折促销</a></li>
<li class="hot_pay"><span>￥368</span><span>18R</span></li>
</ul>
</div>
</div>
<div class="hot1">
<div class="hot_logo"><img src="../一号店/hot.png"></div>
<span class="right"><img src="../一号店/b_right.png"></span>
<div class="hot_con">
<img src="../一号店/hot4.jpg">
<ul>
<li><a href="#" class="hot_h"><span>品利特级橄榄油</span><br>750ml*4瓶装组合 西班牙原装进口</a></li>
<li><span class="hot_pay">￥280</span><span>30R</span></li>
</ul>
</div>
</div>
</div>
</div>
<div class="clear"></div>
<div class="cuxiao"><img src="../一号店/mban_2.jpg"></div>
<div id="sales">
<div class="sales_floor">
<span class="floor_num"><span>1F</span></span>
<span class="floor_name">进口·生鲜</span>
<ul class="sales_title">
<li><a href="#">进口咖啡</a></li>
<li><a href="#">进口酒</a></li>
<li><a href="#">进口母婴</a></li>
<li><a href="#">新鲜蔬菜</a></li>
<li><a href="#">新鲜水果</a></li>
</ul>
<div class="clear"></div>
<div class="sales_con">
<div class="sales_menu">
<div class="sales_menu1">
<div class="sales_pic">
<span class="s_left"><img src="../一号店/s_left.png"></span>
<span class="s_right"><img src="../一号店/s_right.png"></span>
</div>
<div class="sales_">
<ul class="sales_a">
<li>
<ul class="sales_b">
<li><a href="#">进口水果</a></li>
<li><a href="#">奇异果</a></li>
<li><a href="#">西柚</a></li>
</ul>
</li>
<li>
<ul class="sales_b">
<li><a href="#">海鲜产品</a></li>
<li><a href="#">品质牛肉</a></li>
</ul>
</li>
<li>
<ul class="sales_b">
<li><a href="#">奶粉</a></li>
<li><a href="#">鲜活禽蛋</a></li>
<li><a href="#">进口酒</a></li>
</ul>
</li>
<li>
<ul class="sales_b">
<li><a href="#">进口奶粉</a></li>
<li><a href="#">鲜活禽蛋</a></li>
</ul>
</li>
</ul>
</div>
</div>
<div id="sales_demo">
<ul class="sales_cols">
<li class="sales_rows">
<ul class="sales_demo2">
<li class="sales_demo">
<ul class="sales_demo1">
<li><a href="#">贝思客 草莓先生&蓝莓小姐</a></li>
<li>￥98.00</li>
<li><a href="#"><img src="../一号店/fre_1.jpg" width="185" height="145"></a></li>
</ul>
</li>
<li class="sales_demo">
<ul class="sales_demo1">
<li><a href="#">微笑果园SMILE 智利进口绿奇异果</a></li>
<li>￥84.00</li>
<li><a href="#"><img src="../一号店/fre_2.jpg" width="185" height="145"></a></li>
</ul>
</li>
<li class="sales_demo">
<ul class="sales_demo1">
<li><a href="#">新鲜美味 进口美食</a></li>
<li>￥98.00</li>
<li><a href="#"><img src="../一号店/fre_3.jpg" width="185" height="145"></a></li>
</ul>
</li>
<li class="sales_demo">
<img src="../一号店/fre_b1.jpg" width="260" height="220">
</li>
</li>
</ul>
</li>
<li class="sales_rows">
<ul class="sales_demo3">
<li class="sales_demo">
<ul class="sales_demo1">
<li><a href="#">新鲜美味 进口美食</a></li>
<li>￥24.00</li>
<li><a href="#"><img src="../一号店/fre_4.jpg" width="185" height="145"></a></li>
</ul>
</li>
<li class="sales_demo">
<ul class="sales_demo1">
<li><a href="#">新鲜美味 纯牛奶</a></li>
<li>￥142.00</li>
<li><a href="#"><img src="../一号店/fre_5.jpg" width="185" height="145"></a></li>
</ul>
</li>
<li class="sales_demo">
<ul class="sales_demo1">
<li><a href="#">莫斯利安</a></li>
<li>￥62.00</li>
<li><a href="#"><img src="../一号店/fre_6.jpg" width="185" height="145"></a></li>
</ul>
</li>
<li class="sales_demo">
<img src="../一号店/fre_b2.jpg" width="260" height="220">
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="clear"></div>
<div class="sales_floor1">
<span class="floor_num"><span>2F</span></span>
<span class="floor_name">个人美妆</span>
<ul class="sales_title">
<li><a href="#">洗发护发</a></li>
<li><a href="#">面膜</a></li>
<li><a href="#">洗面奶</a></li>
<li><a href="#">香水</a></li>
<li><a href="#">沐浴露</a></li>
</ul>
<div class="clear"></div>
<div class="sales_con">
<div class="sales_menu">
<div class="sales_menu1">
<div class="sales_pic1">
<span class="s_left"><img src="../一号店/s_left.png"></span>
<span class="s_right"><img src="../一号店/s_right.png"></span>
</div>
<div class="sales_1">
<ul class="sales_a">
<li>
<ul class="sales_b">
<li><a href="#">洗发护发</a></li>
<li><a href="#">牙刷牙膏</a></li>
</ul>
</li>
<li>
<ul class="sales_b">
<li><a href="#">面膜</a></li>
<li><a href="#">补水面膜</a></li>
<li><a href="#">香水</a></li>
</ul>
</li>
<li>
<ul class="sales_b">
<li><a href="#">面霜</a></li>
<li><a href="#">洗面奶</a></li>
<li><a href="#">脱毛膏</a></li>
</ul>
</li>
<li>
<ul class="sales_b">
<li><a href="#">沐浴露</a></li>
</ul>
</li>
</ul>
</div>
</div>
<div id="sales_demo1">
<ul class="sales_cols">
<li class="sales_rows">
<ul class="sales_demo2">
<li class="sales_demo">
<ul class="sales_demo1">
<li><a href="#">美宝莲粉饼</a></li>
<li>￥260.00</li>
<li><a href="#"><img src="../一号店/make_1.jpg" width="185" height="145"></a></li>
</ul>
</li>
<li class="sales_demo">
<ul class="sales_demo1">
<li><a href="#">洗衣液</a></li>
<li>￥60.00</li>
<li><a href="#"><img src="../一号店/make_2.jpg" width="185" height="145"></a></li>
</ul>
</li>
<li class="sales_demo">
<ul class="sales_demo1">
<li><a href="#">洗发水</a></li>
<li>￥160.00</li>
<li><a href="#"><img src="../一号店/make_3.jpg" width="185" height="145"></a></li>
</ul>
</li>
<li class="sales_demo">
<img src="../一号店/make_b1.jpg" width="260" height="220">
</li>
</li>
</ul>
</li>
<li class="sales_rows">
<ul class="sales_demo3">
<li class="sales_demo">
<ul class="sales_demo1">
<li><a href="#">男士洗发水</a></li>
<li>￥24.00</li>
<li><a href="#"><img src="../一号店/make_4.jpg" width="185" height="145"></a></li>
</ul>
</li>
<li class="sales_demo">
<ul class="sales_demo1">
<li><a href="#">美宝莲粉饼</a></li>
<li>￥260.00</li>
<li><a href="#"><img src="../一号店/make_5.jpg" width="185" height="145"></a></li>
</ul>
</li>
<li class="sales_demo">
<ul class="sales_demo1">
<li><a href="#">男士设计 洗面奶</a></li>
<li>￥90.00</li>
<li><a href="#"><img src="../一号店/make_6.jpg" width="185" height="145"></a></li>
</ul>
</li>
<li class="sales_demo">
<img src="../一号店/make_b2.jpg" width="260" height="220">
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
<div class="clear"></div>
</div>
<div class="cuxiao1"><img src="../一号店/mban_2.jpg"></div>
<div class="sales_floor2">
<span class="floor_num"><span>3F</span></span>
<span class="floor_name">母婴玩具</span>
<ul class="sales_title">
<li><a href="#">营养品</a></li>
<li><a href="#">孕妈背带裤</a></li>
<li><a href="#">儿童玩具</a></li>
<li><a href="#">婴儿床</a></li>
<li><a href="#">喂奶器</a></li>
</ul>
<div class="clear"></div>
<div class="sales_con">
<div class="sales_menu">
<div class="sales_menu1">
<div class="sales_pic2">
<span class="s_left"><img src="../一号店/s_left.png"></span>
<span class="s_right"><img src="../一号店/s_right.png"></span>
</div>
<div class="sales_2">
<ul class="sales_a">
<li>
<ul class="sales_b">
<li><a href="#">孕妈必备</a></li>
<li><a href="#">儿童玩具</a></li>
</ul>
</li>
<li>
<ul class="sales_b">
<li><a href="#">重装童鞋</a></li>
<li><a href="#">辅助食品</a></li>
</ul>
</li>
<li>
<ul class="sales_b">
<li><a href="#">奶粉</a></li>
<li><a href="#">鲜活禽蛋</a></li>
<li><a href="#">维生素</a></li>
</ul>
</li>
<li>
<ul class="sales_b">
<li><a href="#">重装童鞋</a></li>
<li><a href="#">辅助食品</a></li>
</ul>
</li>
</ul>
</div>
</div>
<div id="sales_demo2">
<ul class="sales_cols">
<li class="sales_rows">
<ul class="sales_demo2">
<li class="sales_demo">
<ul class="sales_demo1">
<li><a href="#">儿童推车</a></li>
<li>￥560.00</li>
<li><a href="#"><img src="../一号店/baby_1.jpg" width="185" height="145"></a></li>
</ul>
</li>
<li class="sales_demo">
<ul class="sales_demo1">
<li><a href="#">妈咪纸尿裤</a></li>
<li>￥260.00</li>
<li><a href="#"><img src="../一号店/baby_2.jpg" width="185" height="145"></a></li>
</ul>
</li>
<li class="sales_demo">
<ul class="sales_demo1">
<li><a href="#">儿童玩具 挖掘机</a></li>
<li>￥160.00</li>
<li><a href="#"><img src="../一号店/baby_3.jpg" width="185" height="145"></a></li>
</ul>
</li>
<li class="sales_demo">
<img src="../一号店/baby_b1.jpg" width="260" height="220">
</li>
</li>
</ul>
</li>
<li class="sales_rows">
<ul class="sales_demo3">
<li class="sales_demo">
<ul class="sales_demo1">
<li><a href="#">纸尿裤</a></li>
<li>￥260.00</li>
<li><a href="#"><img src="../一号店/baby_4.jpg" width="185" height="145"></a></li>
</ul>
</li>
<li class="sales_demo">
<ul class="sales_demo1">
<li><a href="#">儿童推车</a></li>
<li>￥86.00</li>
<li><a href="#"><img src="../一号店/baby_5.jpg" width="185" height="145"></a></li>
</ul>
</li>
<li class="sales_demo">
<ul class="sales_demo1">
<li><a href="#">奶粉</a></li>
<li>￥66.00</li>
<li><a href="#"><img src="../一号店/baby_6.jpg" width="185" height="145"></a></li>
</ul>
</li>
<li class="sales_demo">
<img src="../一号店/baby_b2.jpg" width="260" height="220">
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
<div class="clear"></div>
</div>
</div>
</section>
<footer>
<div class="b_body">
<div class="b1">
<ul>
<li><img src="../一号店/b1.png"></li>
<li>正品保障</li>
<li>正品行货 放心购买</li>
</ul>
</div>
<div class="b1">
<ul>
<li><img src="../一号店/b2.png"></li>
<li>满38包邮</li>
<li>满38包邮 免运费</li>
</ul>
</div>
<div class="b1">
<ul>
<li><img src="../一号店/b3.png"></li>
<li>天天低价</li>
<li>天天低价 畅选无忧</li>
</ul>
</div>
<div class="b1">
<ul>
<li><img src="../一号店/b4.png"></li>
<li>准时送达</li>
<li>收货时间由你做主</li>
</ul>
</div>
</div>
<div class="clear"></div>
<div id="footer_a">
<ul class="footer_a">
<li><a href="#">新手上路</a></li>
<li><a href="#">售后流程</a></li>
<li><a href="#">购物流程</a></li>
<li><a href="#">订购方式</a></li>
<li><a href="#">隐私说明</a></li>
<li><a href="#">推荐分享说明</a></li>
</ul>
<ul class="footer_a">
<li><a href="#">配送与支付</a></li>
<li><a href="#">货到付款区域</a></li>
<li><a href="#">配送支付查询</a></li>
<li><a href="#">支付方式说明</a></li>
</ul>
<ul class="footer_a">
<li><a href="#">会员中心</a></li>
<li><a href="#">资金管理</a></li>
<li><a href="#">我的收藏</a></li>
<li><a href="#">我的订单</a></li>
</ul>
<ul class="footer_a">
<li><a href="#">服务保证</a></li>
<li><a href="#">退换货原则</a></li>
<li><a href="#">售后服务保证</a></li>
<li><a href="#">产品质量保证</a></li>
</ul>
<ul class="footer_a">
<li><a href="#">联系我们</a></li>
<li><a href="#">网站故障报告</a></li>
<li><a href="#">购物咨询</a></li>
<li><a href="#">投诉与建议</a></li>
</ul>
</div>
<div id="footer_b">
<div class="footer_a">
<div><img src="../一号店/er.gif"></div>
<div><img src="../一号店/ss.png"></div>
</div>
<div>
<div class="footer_b"><a href="#"><img src="../一号店/b_sh_1.png">新浪微博</a></div>
<div class="footer_b"><a href="#"><img src="../一号店/b_sh_2.png">腾讯微博</a></div>
<div class="footer_b_cell">服务热线：</div>
<div class="footer_b_cellnum">400-123-4567</div>
</div>
</div>
<div class="clear"></div>
<div class="hr"></div>
<div class="footer_c">
<div class="footer_c_copy">备案/许可证编号：蜀ICP备12009302号-1-www.dingguagua.com Copyright© 1号店网上超市 2007-2016，All Rights Reserved. 复制必究 , Technical Support: Dgg Group </div>
<div>
<ul class="footer_c_">
<li><img src="../一号店/b_1.gif"></li>
<li><img src="../一号店/b_2.gif"></li>
<li><img src="../一号店/b_3.gif"></li>
<li><img src="../一号店/b_4.gif"></li>
<li><img src="../一号店/b_5.gif" height="33" width="96"></li>
<li><img src="../一号店/b_6.gif" height="33" width="96"></li>
</ul>
</div>
</div>
</footer>
</body>
</html>
最后
以上就是闪闪星月为你收集整理的一号店首页的全部内容，希望文章能够帮你解决一号店首页所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复