<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>唯品会 唯品快枪</title>
<link rel="stylesheet" href="../css/公共代码.css">
<link rel="stylesheet" href="../css/唯品快枪的.css">
<link rel="shortcu icon" href="../图片/256.png">
<style>
/* 登录的代码 */
.gudin{
width: 30px;
height: 100vh;
background-color: #262626;
position: fixed;
right: 0px;
z-index: 999;
}
.login{
width: 30px;
height: 100px;
background-color: #262626;
color: white;
margin-top: 200px;
}
.logintu img{
width: 30px;
height: 40px;
}
.loginwz{
width: 30px;
text-align: center;
}
.loginxf{
width: 200px;
height: 200px;
background-color: #f7f5f6;
position: relative;
top: -50px;
color: black;
z-index: -99;
transition: 0.5s;
}
.login:hover .loginxf{
transform: translateX(-200px);
}
.loginxfimg img{
width: 150px;
height: 150px;
}
.loginxfimg{
position: absolute;
left: calc(50% - 75px);
width: 100px;
height: 100px;
}
.cuo{
position: absolute;
right: 5px;
top: 5px;
}
.loginxfwz{
width: 200px;
height: 40px;
text-align: center;
position: absolute;
top: 170px;
}
.loginxfwz a{
color: #f10180;
}
/* 登录的代码 */
/* 红色的代码 */
.red{
width: 30px;
height: 180px;
background-color: #df147f;
padding-top: 30px;
}
.red img{
width: 30px;
height: 40px;
}
.redwz{
width: 30px;
text-align: center;
color: white;
font-size: 14px;
}
.red0{
width: 20px;
height: 20px;
background-color: white;
border-radius: 50px;
/* padding-left: 5px; */
text-align: center;
color:#df147f;
padding-top: 2px;
margin-left: 5px;
margin-top: 5px;
}
/* 红色的代码 */
.ax{
width: 30px;
height: 30px;
color: white;
text-align: center;
font-size: 20px;
background-color: #262626;
margin-top: 20px;
/* position: relative; */
z-index: 999;
}
.ax:hover .sc{
transform: translateX(-150px);
}
.sc{
width: 150px;
height: 30px;
background-color: #cccccc;
color: black;
font-size: 16px;
top: -26.5px;
transition: 0.5s;
position: relative;
z-index: -999;
line-height: 30px;
}
.ax img{
width: 30px;
height: 35px;
/* border: 1px red solid; */
}
.ax:hover .sc1{
transform: translateX(-150px);
}
.sc1{
width: 150px;
height: 30px;
background-color:#cccccc;
color: black;
font-size: 16px;
top: -35px;
transition: 0.5s;
position: relative;
z-index: -999;
line-height: 30px;
}
</style>
</head>
<div class="gudin">
<!-- 登录 -->
<div class="login">
<div class="logintu">
<img src="../登录.png" alt="">
</div>
<div class="loginwz">
账号
</div>
<div class="loginxf">
<div class="loginxfimg"><img src="../R-C.jpg" alt=""></div>
<div class="cuo">×</div>
<div class="loginxfwz">您好！ 请 <a href="">登录</a> | <a href="">注册</a> </div>
</div>
</div>
<!-- 登录 -->
<!-- red -->
<div class="red">
<img src="../图片/购物袋.png">
<div class="redwz">购<br>物<br>袋</div>
<div class="red0">0</div>
</div>
<!-- red -->
<div class="ax">❤
<div class="sc">品牌收藏</div>
</div>
<div class="ax">★
<div class="sc">商品收藏</div>
</div>
<div class="ax"><img src="../时钟.png" alt="">
<div class="sc1">我的足迹</div>
</div>
<div style="font-size: 16px; text-align: center; margin-top: 100px;"> <a href="" style="color:white;">顶部</a> </div>
</div><!-- 固定 -->
<body>
<!-- 头部 -->
<div class="head">
<!-- 内容开始 -->
<div class="head1">
<!-- 左边的 -->
<div class="vhi">赣州市 ▼ <!-- 盒子 -->
<div class="locationbox"><!-- 位置悬浮的内容以下 -->
<div class="shouhuo">请选择你所在的收货地址 <div class="fork">×</div>
</div>
<div class="shouhuo1">省份</div>
<hr width="300" height="1" color="#cccccc">
<!-- 表格 -->
<table>
<tr>
<td>
<div class="locationboxwz"><a href="">北京市</a></div>
</td>
<td>
<div class="locationboxwz"><a href="">天津市</a></div>
</td>
<td>
<div class="locationboxwz"><a href="">河北省</a></div>
</td>
<td>
<div class="locationboxwz"><a href="">山西省</a></div>
</td>
<td>
<div class="locationboxwz"><a href="">内蒙古…</a></div>
</td>
<td>
<div class="locationboxwz"><a href="">辽宁省</a></div>
</td>
</tr>
<tr>
<td>
<div class="locationboxwz"><a href="">吉林省</a></div>
</td>
<td>
<div class="locationboxwz"><a href="">黑龙江</a></div>
</td>
<td>
<div class="locationboxwz"><a href="">上海市</a></div>
</td>
<td>
<div class="locationboxwz"><a href="">江苏省</a></div>
</td>
<td>
<div class="locationboxwz"><a href="">浙江省</a></div>
</td>
<td>
<div class="locationboxwz"><a href="">安徽省</a></div>
</td>
</tr>
<tr>
<td>
<div class="locationboxwz"><a href="">福建省</a>
</td>
<td>
<div class="locationboxwz"><a href="">江西省</a></div>
</td>
<td>
<div class="locationboxwz"><a href="">山东省</a></div>
</td>
<td>
<div class="locationboxwz"><a href="">河南省</a></div>
</td>
<td>
<div class="locationboxwz"><a href="">湖北省</a></div>
</td>
<td>
<div class="locationboxwz"><a href="">湖南省</a></div>
</td>
</tr>
<tr>
<td>
<div class="locationboxwz"><a href="">广东省</a></div>
</td>
<td>
<div class="locationboxwz"><a href="">广西壮…</a></div>
</td>
<td>
<div class="locationboxwz"><a href="">海南省</a></div>
</td>
<td>
<div class="locationboxwz"><a href="">重庆市</a></div>
</td>
<td>
<div class="locationboxwz"><a href="">四省</a></div>
</td>
<td>
<div class="locationboxwz"><a href="">贵州省</a></div>
</td>
</tr>
<tr>
<td>
<div class="locationboxwz"><a href="">云南省</a></div>
</td>
<td>
<div class="locationboxwz"><a href="">西藏自.…</a></div>
</td>
<td>
<div class="locationboxwz"><a href="">陕西省</a></div>
</td>
<td>
<div class="locationboxwz"><a href="">甘肃省</a></div>
</td>
<td>
<div class="locationboxwz"><a href="">青海省</a></div>
</td>
<td>
<div class="locationboxwz"><a href="">宁夏回</a></div>
</td>
</tr>
<tr>
<td>
<div class="locationboxwz"><a
模仿唯品会官网前端设计项目+jQuery+ajax+swiper+css+html
版权申诉
175 浏览量
2023-06-08
12:01:06
上传
评论
收藏 54.91MB RAR 举报
模仿唯品会官网前端设计项目+jQuery+ajax+swiper+css+html （2000个子文件） 
bootstrap.rtl.css 200KB bootstrap.rtl.min.css 160KB bootstrap.css 143KB bootstrap.css 143KB bootstrap.min.css 119KB bootstrap.min.css 119KB bootstrap-grid.rtl.css 71KB bootstrap-grid.css 71KB bootstrap-utilities.css 70KB bootstrap-utilities.rtl.css 70KB bootstrap-utilities.min.css 52KB bootstrap-utilities.rtl.min.css 52KB bootstrap-grid.rtl.min.css 52KB bootstrap-grid.min.css 52KB font-awesome.css 37KB font-awesome.min.css 30KB bootstrap-theme.css 25KB bootstrap-theme.css 25KB 页面.css 23KB bootstrap-theme.min.css 23KB bootstrap-theme.min.css 23KB 页面.css 21KB 公共代码.css 19KB swiper-bundle.css 19KB swiper-bundle.css 19KB 唯品快枪的.css 17KB swiper-bundle.min.css 16KB swiper-bundle.min.css 16KB 唯品快枪的.css 13KB 公共代码.css 13KB bootstrap-reboot.css 7KB bootstrap-reboot.rtl.css 7KB 登录的.css 6KB bootstrap-reboot.rtl.min.css 6KB bootstrap-reboot.min.css 6KB swiper.min.css 6KB swiper.min.css 6KB 服务中心.css 6KB 3折疯抢.css 5KB pagination.min.css 5KB pagination.min.css 5KB 注册的.css 4KB 帮助中心.css 4KB index.css 4KB 3折疯抢.css 3KB 联系客服.css 3KB style.css 3KB navigation.min.css 1KB navigation.min.css 1KB effect-cube.min.css 1KB effect-cube.min.css 1KB 女装.css 741B scrollbar.min.css 713B scrollbar.min.css 713B lazy.min.css 676B lazy.min.css 676B effect-flip.min.css 549B effect-flip.min.css 549B 唯品奢.css 532B virtual.min.css 438B virtual.min.css 438B effect-fade.min.css 325B effect-fade.min.css 325B zoom.min.css 286B zoom.min.css 286B effect-cards.min.css 168B effect-cards.min.css 168B effect-creative.min.css 154B effect-creative.min.css 154B grid.min.css 117B grid.min.css 117B a11y.min.css 104B a11y.min.css 104B 公共代码.css 100B 公共代码.css 100B free-mode.min.css 84B free-mode.min.css 84B 知识.css 12B 女装.css 0B effect-coverflow.min.css 0B controller.min.css 0B hash-navigation.min.css 0B parallax.min.css 0B history.min.css 0B mousewheel.min.css 0B thumbs.min.css 0B manipulation.min.css 0B keyboard.min.css 0B autoplay.min.css 0B effect-coverflow.min.css 0B parallax.min.css 0B controller.min.css 0B hash-navigation.min.css 0B mousewheel.min.css 0B history.min.css 0B manipulation.min.css 0B thumbs.min.css 0B autoplay.min.css 0B keyboard.min.css 0B fontawesome-webfont.eot 162KB共 2000 条
- 1
- 2
- 3
- 4
- 5
- 6
- 20
资源评论
CSDN专家-赖老师（软件之家）
- 粉丝: 4710
- 资源: 30
下载权益
C知道特权
VIP文章
课程特权
VIP享7折，此内容立减5.97元 开通VIP
