<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>购物车</title>
<!--给网页添加标题前的小图标-->
<link rel="icon" href="img/favicon.ico" />
<style>
#demo{
/* width: 534px;
height: 376px; */
width: 100%;
height:100%;;
margin: 0 auto;
position: fixed;
/* top: 20%;
left: 30%; */
text-align: right;
display: none;
z-index: 33;
}
.dompan{
color: rgb(233, 227, 227);
font-size: 20px;
position: absolute;
right:10px;
top: 3px;
cursor: pointer;
z-index: 55;
}
.iflo{
/* width: 539px;
height: 377px; */
width: 100%;
height:100%;
border-radius: 5px;
position: relative;
/* top: 20%;
left: 30%; */
}
* {
margin: 0;
padding: 0;
}
.f-pr {
position: relative;
zoom: 1;
width: 1100px;
margin: 0 auto;
}
.header {
height: 73px;
}
.header .center {
height: 73px;
}
.f-f1 {
float: left;
}
#danjia1,#danjia2,#danjia3 {
color: #333;
}
.header .center .logo {
width: 290px;
height: 70px;
background: url("img/modules.png") 0 -48px;
cursor: pointer;
}
.center .searchBox {
width: 300px;
height: 70px;
margin-left: 334px;
}
.center .searchBox .searchbox {
width: 300px;
height: 69px;
padding-top: 1px;
}
.searchbox .searchtext {
width: 100%;
height: 38px;
margin-top: 16px;
background: url("img/modules.png") 0 0;
}
.searchbox .searchtext #search {
border: none;
outline: none;
margin: 11px 30px;
}
.center .shopcar {
position: relative;
width: 36px;
height: 36px;
margin: 17px 0 0 41px;
background: url("img/modules.png") -110px -159px;
cursor: pointer;
}
.center .shopcar .carnum {
width: 18px;
height: 18px;
line-height: 18px;
text-align: center;
color: #fff;
background: url("img/modules.png") -156px -158px;
position: absolute;
top: -8px;
left: 26px;
}
.center .user {
width: 62px;
height: 36px;
line-height: 36px;
margin: 15px 0 0 37px;
cursor: pointer;
text-align: center;
}
.fengexian {
width: 100%;
height: 3px;
bottom: 0;
background: url("img/border.png") repeat-x;
}
.root {
min-height: 800px;
}
.g-bd {
padding-bottom: 160px;
width: 1100px;
min-height: 750px;
margin: 0 auto;
}
.m-bread {
margin-bottom: 0;
min-height: 30px;
border-bottom: 1px solid #333;
padding-left: 0;
padding-bottom: 18px;
padding-top: 22px;
}
.m-bread .block {
font-size: 18px;
font-weight: 600;
}
.g-amin {
width: 100%;
margin: 0;
}
.cart .carthead {
width: 100%;
height: 66px;
line-height: 66px;
font-size: 14px;
color: #999;
}
.carthead .check {
height: 66px;
}
.checkall {
position: relative;
display: inline-block;
margin: 20px;
width: 22px;
height: 22px;
cursor: pointer;
}
.coverwrap {
width: 100px;
color: #333;
}
.cnt .product {
width: 404px;
}
.cnt .pri1 {
width: 116px;
}
.f-tc {
text-align: center;
}
.cnt .num {
width: 108px;
margin: 0 79px 0 42px;
}
.cnt .pri2 {
width: 110px;
}
input {
outline: none;
}
ul {
list-style: none;
}
a {
text-decoration: none;
color: #333;
cursor: pointer;
}
.product a:hover {
text-decoration: underline;
color: #333;
}
.g-main ul {
border: 1px solid rgba(0, 0, 0, 0.1);
}
.g-main ul li {
width: 100%;
height: 117px;
overflow: hidden;
}
.g-main ul li.first {
width: 100%;
height: 40px;
line-height: 40px;
overflow: hidden;
background: url(img/bgg.png) repeat-x;
}
.g-main .product {
width: 404px;
}
.g-main ul li.first .product {
width: 404px;
margin-left: 60px;
color: #999;
}
.s-fcTheme {
color: #d33a31;
}
em, i {
font-style: normal;
text-align: left;
font-size: inherit;
}
.bottom .paybtn {
width: 160px;
height: 50px;
line-height: 50px;
margin-left: 30px;
font-size: 16px;
background-color: #d33a31;
color: #fff;
text-align: center;
cursor: pointer;
}
.bottom .s-fc4 {
color: #999;
}
.bottom .s-fc1 {
color: #333;
}
.f-fs20 {
font-size: 20px;
}
.f-fr {
float: right;
}
.f-myf {
margin-right: 20px;
color: #333;
}
.f-myf .txt {
color: #333;
font-weight: 500;
}
.f-fs1 {
font-size: 14px;
}
.g-main ul span {
color: #d33a31;
}
.f-myf .icon {
width: 46px;
height: 21px;
background: url(img/cart.png) 0 -35px;
margin-top: 9px;
margin-right: 10px;
}
.g-main #ckAll{
width: 40px;
height: 20px;
position: absolute;
top: 0;
left: -10px;
}
.g-main .check .ckbox {
position: relative;
top: 50px;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 20px;
cursor: pointer;
}
.g-main .cnt {
width: 1036px;
}
.g-main .coverwrap {
width: 100px;
}
.cnt img {
width: 80px;
height: 80px;
margin-top: 19px;
background-color: #f5f5f5;
}
.cnt .msg {
margin: 38px 66px 0 0;
}
.cnt .msg .tit {
width: 340px;
}
.cnt .msg .tit:hover {
text-decoration: underline;
color: #333;
}
.cnt .sku {
width: 340px;
margin-top: 8px;
color: #999;
}
.cnt .price {
width: 116px;
height: 117px;
line-height: 117px;
}
.f-thide, .f-thide2, .f-thide3, .f-thide4 {
overflow: hidden;
text-overflow: ellipsis;
}
.f-thide {
white-space: nowrap;
}
.cnt .ctrl {
top: 46px;
width: 133px;
height: 26px;
margin: -5px 49px 0 42px;
position: relative;
zoom: 1;
}
.u-counter {
width: 132px;
height: 30px;
border: 1px solid #e5e5e5;
border-left: none;
}
.u-counter .btn {
float: left;
width: 34px;
height: 30px;
border-left: 1px solid #e5e5e5;
}
.u-icn-27 {
width: 28px;
height: 28px;
background: url("img/icon.png") -38px -534px no-repeat;
}
.u-icn-28 {
width: 28px;
height: 28px;
background: url("img/icon.png") 0px -534px no-repeat;
}
.u-counter .btn i {
position: relative;
left: 3px;
top: 1px;
display: block;
width: 100%;
height: 100%;
基于html+css+js(jquery)开发的网易云商城+源码+音乐+商品详情+商城界面+商城购物车+网易云首页（高分优秀项目
版权申诉
19 浏览量
2024-05-14
19:21:37
上传
评论 1
收藏 12.03MB ZIP 举报
基于html+css+js(jquery)开发的网易云商城+源码+音乐+商品详情+商城界面+商城购物车+网易云首页（高分优秀项目 （376个子文件） 
{item.backendpicstr} 88KB {item.products.coverurl} 88KB {videoinfo.coverurl} 88KB jquery-ui.css 35KB jquery-ui.css 35KB jquery-ui.css 35KB jquery-ui.css 35KB css.css 24KB shop.css 12KB impowerapp45a337.css 8KB jquery.jqzoom.css 2KB jquery.jqzoom.css 2KB jquery.jqzoom.css 2KB jquery.jqzoom.css 2KB page.css 344B page.css 344B page.css 344B page.css 344B {this.getcaptchaimgurl()} 88KB
aae5b3f34b4b4b2786e4880ece8f7108.gif 88KB 52eea477e8914a538c632decd1e92b47.gif 88KB 76da1460a8144e75905f7d09223f0bd4.gif 88KB 53384f6b1d7f4886bd0f943cf981d0f0.gif 88KB b04111578a80480b99217c152617a1f6.gif 88KB dae.gif 45KB draw_ing_gif.gif 6KB loading.gif 3KB 网易云首页.htm 61KB
shopcar.html 36KB 网易云商城.html 26KB 商品详情.html 23KB Login.html 23KB main.html 8KB qq.html 7KB weixin.html 6KB First.html 2KB Shop.html 1004B index.html 113B index.html 113B favicon.ico 4KB favicon.ico 4KB {prod.icon} 88KB
长图7.jpg 789KB 长图4.jpg 642KB 长图5.jpg 432KB 长图2.jpg 420KB 长图3.jpg 286KB 轮播5.jpg 249KB 长图6.jpg 246KB 轮播3.jpg 225KB 666.jpg 202KB 长图1.jpg 158KB 4.jpg 127KB 3.jpg 125KB 8.jpg 125KB 10.jpg 123KB 5.jpg 122KB 6.jpg 121KB 1.jpg 114KB 2.jpg 110KB 5.jpg 103KB 222.jpg 103KB 7.jpg 100KB hot15.jpg 89KB 轮播1.jpg 86KB 4.jpg 79KB hot19.jpg 78KB 2.jpg 78KB hot22.jpg 72KB hot1.jpg 72KB 555.jpg 71KB hot24.jpg 70KB hot10.jpg 67KB hot14.jpg 67KB 9.jpg 65KB hot39.jpg 64KB hot38.jpg 62KB hot35.jpg 60KB hot26.jpg 59KB hot9.jpg 57KB 小图3.jpg 57KB main3.jpg 57KB 03.jpg 57KB hot16.jpg 56KB hot40.jpg 56KB hot4.jpg 56KB hot7.jpg 54KB 小图2.jpg 53KB main2.jpg 53KB 02.jpg 53KB hot13.jpg 53KB 4.jpg 52KB 1.jpg 51KB 111.jpg 51KB 3.jpg 51KB 333.jpg 51KB hot2.jpg 51KB hot32.jpg 50KB hot17.jpg 50KB hot6.jpg 49KB共 376 条
- 1
- 2
- 3
- 4
资源评论
梦回阑珊
- 粉丝: 3091
- 资源: 961
下载权益
C知道特权
VIP文章
课程特权
VIP享7折，此内容立减5.97元 开通VIP
