<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>购物车</title>
<!-- <meta name="description" content="品优购JD.COM-专业的综合网上购物商城,销售家电、数码通讯、电脑、家居百货、服装服饰、母婴、图书、食品等数万个品牌优质商品.便捷、诚信的服务，为您提供愉悦的网上购物体验!" />
<meta name="Keywords" content="网上购物,网上商城,手机,笔记本,电脑,MP3,CD,VCD,DV,相机,数码,配件,手表,存储卡,品优购" /> -->
<!-- 引入facicon.ico网页图标 -->
<!-- <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" /> -->
<!-- 引入css 初始化的css 文件 -->
<link rel="stylesheet" href="css/base.css">
<!-- 引入公共样式的css 文件 -->
<link rel="stylesheet" href="css/common.css">
<!-- 引入car css -->
<link rel="stylesheet" href="css/car.css">
<!-- 先引入jquery -->
<script src="js/jquery.min.js"></script>
<!-- 在引入我们自己的js文件 -->
<script src="js/购物车.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<!-- <div class="car-header">
<div class="w">
<div class="car-logo">
<b>购物车</b>
</div>
</div>
</div> -->
</div>
<div class="c-container">
<div class="w">
<div class="cart-filter-bar">
<em>全部商品</em>
</div>
<!-- 购物车主要核心区域 -->
<div class="cart-warp">
<!-- 头部全选模块 -->
<div class="cart-thead">
<div class="t-checkbox">
<input type="checkbox" name="" id="" class="checkall"> 全选
</div>
<div class="t-goods">商品</div>
<div class="t-price">单价</div>
<div class="t-num">数量</div>
<div class="t-sum">小计</div>
<div class="t-action">操作</div>
</div>
<!-- 商品详细模块 -->
<div class="cart-item-list">
<div class="cart-item check-cart-item">
<div class="p-checkbox">
<input type="checkbox" name="" id="" checked class="j-checkbox">
</div>
<div class="p-goods">
<div class="p-img">
<img src="img/book1.jpg" alt="">
</div>
<div class="p-msg">人间值得原版书 正版 以自己喜欢的方式过一生成长励志书初高中生</div>
</div>
<div class="p-price">￥17.29</div>
<div class="p-num">
<div class="quantity-form">
<a href="javascript:;" class="decrement">-</a>
<input type="text" class="itxt" value="1">
<a href="javascript:;" class="increment">+</a>
</div>
</div>
<div class="p-sum">￥17.29</div>
<div class="p-action"><a href="javascript:;">删除</a></div>
</div>
<div class="cart-item">
<div class="p-checkbox">
<input type="checkbox" name="" id="" class="j-checkbox">
</div>
<div class="p-goods">
<div class="p-img">
<img src="img/book2.jpg" alt="">
</div>
<div class="p-msg">城南旧事正版 林海音原著艺术再现 中小学生课外阅读文学名著小说</div>
</div>
<div class="p-price">￥24.80</div>
<div class="p-num">
<div class="quantity-form">
<a href="javascript:;" class="decrement">-</a>
<input type="text" class="itxt" value="1">
<a href="javascript:;" class="increment">+</a>
</div>
</div>
<div class="p-sum">￥24.80</div>
<div class="p-action"><a href="javascript:;">删除</a></div>
</div>
<div class="cart-item">
<div class="p-checkbox">
<input type="checkbox" name="" id="" class="j-checkbox">
</div>
<div class="p-goods">
<div class="p-img">
<img src="img/book3.jpg" alt="">
</div>
<div class="p-msg">平凡的世界路遥正版原著精华版茅盾文学作品初高中年级课外阅读书</div>
</div>
<div class="p-price">￥29.80</div>
<div class="p-num">
<div class="quantity-form">
<a href="javascript:;" class="decrement">-</a>
<input type="text" class="itxt" value="1">
<a href="javascript:;" class="increment">+</a>
</div>
</div>
<div class="p-sum">￥29.80</div>
<div class="p-action"><a href="javascript:;">删除</a></div>
</div>
</div>
<!-- 结算模块 -->
<div class="cart-floatbar">
<div class="select-all">
<input type="checkbox" name="" id="" class="checkall">全选
</div>
<div class="operation">
<a href="javascript:;" class="remove-batch"> 删除选中的商品</a>
<a href="javascript:;" class="clear-all">清理购物车</a>
</div>
<div class="toolbar-right">
<div class="amount-sum">已经选<em>1</em>件商品</div>
<div class="price-sum">总价： <em>￥17.29</em></div>
<div class="btn-area">去结算</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
Web前端-综合网站设计
26 浏览量
2024-05-23
22:50:23
上传
评论
收藏 1.87MB ZIP 举报
Web前端-综合网站设计 （107个子文件） 
common.css 5KB content.css 4KB car.css 3KB bigImg.css 1KB index.css 1KB content1.css 1KB base.css 1KB 注册表.css 1KB 手风琴.css 812B menu.css 804B 微博.css 800B top.css 780B listImg.css 583B bottom.css 313B 首页2.css 198B 首页1.css 198B 首页.css 198B 首页3.css 198B
logo_back.gif 4KB footer_bg.gif 4KB profile.gif 3KB logo.gif 2KB search.gif 2KB search_btn.gif 2KB english.gif 1KB Japan.gif 1KB pixy-rollover.gif 535B body_bg.gif 447B left_bg.gif 304B list_bg.gif 95B 910.gif 95B thead_bg.gif 67B
购物车.html 5KB 注册表.html 3KB content.html 3KB index.html 2KB 微博.html 2KB 手风琴.html 2KB menu.html 2KB content1.html 2KB bigImg.html 1KB listImg.html 999B top.html 684B 首页1.html 672B 首页3.html 668B 首页.html 667B 首页2.html 666B bottom.html 279B
img1.jpg 177KB book1.jpg 167KB 2.jpg 112KB 2.jpg 112KB 22.jpg 112KB 1.jpg 91KB 11.jpg 91KB 1.jpg 91KB book3.jpg 81KB p013.jpg 74KB book2.jpg 59KB picture.jpg 43KB p08.jpg 41KB 3.jpg 33KB 3.jpg 33KB 33.jpg 33KB pp1.jpg 33KB p09.jpg 30KB p010.jpg 24KB p011.jpg 23KB 77.jpg 23KB 7.jpg 23KB p06.jpg 23KB p05.jpg 21KB p03.jpg 20KB p012.jpg 19KB 6.jpg 19KB 66.jpg 19KB p04.jpg 17KB 4.jpg 16KB 44.jpg 16KB 4.jpg 16KB 5.jpg 16KB 5.jpg 16KB 55.jpg 16KB p07.jpg 16KB the.jpg 15KB p01.jpg 12KB p02.jpg 9KB text-image.jpg 4KB text.jpg 4KB search.jpg 1KB arrow.jpg 1KB menu_center.jpg 1KB menu_right.jpg 769B menu_left.jpg 749B menu_center_back.jpg 454B jquery.min.js 110KB jquery-1.12.3.min.js 95KB 购物车.js 4KB 微博.js 3KB 注册表.js 2KB共 107 条
- 1
- 2
资源评论
