当当网购物车和商品列表
2024-05-10 05:55:45
购物车
<!DOCTYPE html>
<!--html 超文本标记语言 通过标记（标签）描述页面-->
<!--html标签 表示页面开始位置和结束位置-->
<html lang="en">
<!--head表示页面的头部-->
<head><!--页面元信息：设置编码格式，设置页面key值--><meta charset="UTF-8"><!--页面的标题，现在浏览器的页面标签上--><title>当当网主页</title><style>.span1{background-color: khaki;color: red;margin-left: 10px;display: inline-block;height: 30px;}.zkspan{display: inline-block;margin-left: 60px;}.jgspan{display: inline-block;margin-left: 40px;}.gmspan{display: inline-block;margin-left: 30px;color: crimson;font-weight: bolder;}.tjul>li{margin-bottom: 10px;}.inputnum{width: 10px;}td{text-align: center;}</style>
</head>
<!--body对应页面主体 会显示在页面上-->
<body>
<div style="position: absolute;left: 15%;display: inline-block;width: 70%"><!--style="" 在标签上添加样式--><div style="border: 1px black;border-style: solid"><span>你好！欢迎光临当当网[登录|免费注册]</span><span style="float: right"><span><img src="img/dd_header_shop.gif"/>购物车|</span><span>个性化推荐|</span><span>礼品卡|</span><span>团购|</span><span>我的当当<img src="img/dd_arrow_down.gif"/>|</span><span>帮助</span></span></div><div><img src="img/dd_logo.gif"/><span style="position: relative;left: 50px;"><span style="background-color: beige;display: inline-block;height: 30px">首页 | 图片 | 音乐 | 影视 | 运动 | 服饰 | 家具 | 美妆 | 婴儿 | 食品 | 数码家</span><span><span class="span1">商店街</span><span class="span1">促销</span><span class="span1">当当<img src="img/dd_header_top.png"></span><span class="span1" style="margin-left: 20px">社区</span><span class="span1" style="margin-left: 40px">在线读书</span></span></span></div><div style="background-color: orange;text-align: center;color: white;height: 30px"><span>小说 | 青春 | 历史 | 少儿 | 旅游 | 期刊 | 图书畅销榜 | 新书热卖榜 | 特价书 | 图书促销 | 所有图书分类</span></div><div style="background-color: aliceblue;height: 30px"><div style="display: inline-block;position: relative;left: 30px;"><input type="text" /><input type="button" value="在图书中搜索"/><img src="img/dd_arrow_right.gif"/><span>高级搜索 |<img src="img/dd_header_search_top.jpg"/>雅思 | 建造师 | 中里巴人 | 注会 | 新概念英语 | 更多》</span></div></div><div><img src="img/shopping_myshopping.gif"/>全场免费活动中</div><div style="height:30px;background-image: url('img/register_tag_right.gif') ">根据你挑选的商品，当当为你推荐<img style="float: right" src="img/shopping_arrow_down.gif"/></div><div style="border-style: dashed;border-width: 1px;"><div style="border-right-style:dashed;border-width: 1px;display: inline-block;width: 49%;"><ul class="tjul"><li><a href="#">JavaScript DOM编程艺术 </a><span class="zkspan">￥<del>39.00</del></span ><span class="jgspan">￥29.30</span><span class="gmspan">购买</span></li><li><a href="#">解禁(当当网独家首发) </a><span class="zkspan">￥<del>28.00</del></span><span class="jgspan">￥19.40</span><span class="gmspan">购买</span></li><li><a href="#">地王之王(金融危机下房地产行···</a><span class="zkspan">￥<del>32.80</del></span><span class="jgspan">￥25.10</span><span class="gmspan">购买</span></li></ul></div><div style="border-left-style:dashed;border-width: 1px;display: inline-block;width: 49%"><ul class="tjul"><li><a href="#">JavaScript DOM编程艺术 </a><span class="zkspan">￥<del>39.00</del></span ><span class="jgspan">￥29.30</span><span class="gmspan">购买</span></li><li><a href="#">解禁(当当网独家首发) </a><span class="zkspan">￥<del>28.00</del></span><span class="jgspan">￥19.40</span><span class="gmspan">购买</span></li><li><a href="#">地王之王(金融危机下房地产行···</a><span class="zkspan">￥<del>32.80</del></span><span class="jgspan">￥25.10</span><span class="gmspan">购买</span></li></ul></div></div><div style="font-weight: bolder">你已选购以下商品</div><div style="background-color: chartreuse"><table border=""><tr><th width="450px">商品名称</th><th>单品积分</th><th width="150px">市场价</th><th width="200px">当当价</th><th width="100px">数量</th><th width="100px"></th></tr><tbody style="background-color: antiquewhite"><tr><td>私募</td><td>189</td><td>￥32.00</td><td>￥18.90(59折)</td><td><input class="inputnum" type="text" value="1"/></td><td><a href="#">删除</a></td></tr><tr><td>私募</td><td>189</td><td>￥32.00</td><td>￥18.90(59折)</td><td><input class="inputnum" type="text" value="1"/></td><td><a href="#">删除</a></td></tr><tr><td>私募</td><td>189</td><td>￥32.00</td><td>￥18.90(59折)</td><td><input class="inputnum" type="text" value="1"/></td><td><a href="#">删除</a></td></tr><tr><td>私募</td><td>189</td><td>￥32.00</td><td>￥18.90(59折)</td><td><input class="inputnum" type="text" value="1"/></td><td><a href="#">删除</a></td></tr><tr><td>私募</td><td>189</td><td>￥32.00</td><td>￥18.90(59折)</td><td><input class="inputnum" type="text" value="1"/></td><td><a href="#">删除</a></td></tr><tr><td>私募</td><td>189</td><td>￥32.00</td><td>￥18.90(59折)</td><td><input class="inputnum" type="text" value="1"/></td><td><a href="#">删除</a></td></tr></tbody></table><div style="height: 100px"><div style="float:right;background-color: chartreuse"><div style="display: inline-block;width: 200px"><p>你共节省金额：￥ <span style="color: red">233.7</span></p><p>可获商品积分：<span style="color: red">1750</span></p></div><div style="display: inline-block;width: 200px"><span>商品金额总计：￥<span style="color: red">626.9</span></span><img src="img/shopping_balance.gif"/></div></div></div></div><div style="margin-left: 10%"><span>Copyfight(c)当当网 2004-2009， All Rights Reserved<img src="img/validate.gif"/>京ICP证041189号 音像制作经营许可证 京音网8号</span></div>
</div>
</body>
</html>商品列表
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>商品展示</title><style>.ul1>li{margin-bottom: 12px;}.span1{margin-left: 10px;}</style>
</head>
<body>
<div style="position: absolute;left: 15%;display: inline-block;width: 70%"><!--style="" 在标签上添加样式--><div style="border: 1px black;border-style: solid"><span>你好！欢迎光临当当网[登录|免费注册]</span><span style="float: right"><span><img src="img/dd_header_shop.gif"/>购物车|</span><span>个性化推荐|</span><span>礼品卡|</span><span>团购|</span><span>我的当当<img src="img/dd_arrow_down.gif"/>|</span><span>帮助</span></span></div><div><img src="img/dd_logo.gif"/><span style="position: relative;left: 50px;"><span style="background-color: beige;display: inline-block;height: 30px">首页 | 图片 | 音乐 | 影视 | 运动 | 服饰 | 家具 | 美妆 | 婴儿 | 食品 | 数码家</span><span><span class="span1">商店街</span><span class="span1">促销</span><span class="span1">当当<img src="img/dd_header_top.png"></span><span class="span1" style="margin-left: 20px">社区</span><span class="span1" style="margin-left: 40px">在线读书</span></span></span></div><div style="background-color: orange;text-align: center;color: white;height: 30px"><span>小说 | 青春 | 历史 | 少儿 | 旅游 | 期刊 | 图书畅销榜 | 新书热卖榜 | 特价书 | 图书促销 | 所有图书分类</span></div><div style="background-color: aliceblue;height: 30px"><div style="display: inline-block;position: relative;left: 30px;"><input type="text" /><input type="button" value="在图书中搜索"/><img src="img/dd_arrow_right.gif"/><span>高级搜索 |<img src="img/dd_header_search_top.jpg"/>雅思 | 建造师 | 中里巴人 | 注会 | 新概念英语 | 更多》</span></div></div><div><img src="img/dd_index_top_adver.jpg" width="100%"/> </div><div>您现在的位置 :当当图书 >>小说 >>财经</div><div><div style="display: inline-block;width: 20%;position: relative;top: -630px"><div style="background-color: red;color: white"><span>浏览同级分类</span></div><div style="background-color: khaki;margin-top: -15px"><ul class="ul1"><li>中国当代小说(13880)</li><li>中国近代小说(640)</li><li>中国古典小说(1547)</li><li>四大名著(696)</li><li>港澳台小说(838)</li><li>中国当代小说(13880)</li><li>中国近代小说(640)</li><li>中国古典小说(1547)</li><li>四大名著(696)</li><li>港澳台小说(838)</li><li>中国当代小说(13880)</li><li>中国近代小说(640)</li><li>中国古典小说(1547)</li><li>四大名著(696)</li><li>港澳台小说(838)</li></ul></div><div style="margin-top: -20px"><img src="img/product_02.gif" width="215px"/></div></div><div style="display: inline-block;width: 79%;border-style: solid;border-color: khaki;border-width: 1px"><div style="background-color: coral "><span>排列方式</span><img src="img/dd_arrow_right.gif"/><select><option>按销量 降序</option></select><img src="img/product_icon_01.gif"/><img src="img/product_icon_02.gif"/><img src="img/product_icon_03.gif"/><img src="img/product_icon_04.gif"/><span>每页显示的数量</span><img src="img/dd_arrow_right.gif"/><img src="img/product_icon_20.gif"/><img src="img/product_icon_40.gif"/><div style="display: inline-block;float: right"><img src="img/product_page_up.gif"/>第1页<img src="img/product_page_down.gif"/></div></div><div><div style="margin-top: 10px"><div style="display: inline-block;width: 20%"><img src="img/product_list_01.jpg" style="position: relative;top: -50px;left: 40px"/></div><div style="display: inline-block;width: 79%"><span>私募（首部披露资本博弈秘密的金融小说）</span><hr/><span>顾客评分:</span><img src="img/star_red.gif"/><img src="img/star_red.gif"/><img src="img/star_red.gif"/><img src="img/star_red.gif"/><img src="img/star_gray.gif"/><div>作者：郭现杰著</div><div>出版社：花山文艺出版社</div><div>出版时间：2009年08月</div><div>数年前，在一次股市的多、空之战中，以赵云狄、林康为首的私募基金一金鼎投资，和以王雨龙为首的私募基金，达成锁仓协议分食利益。 殊料，以王雨龙为首的私募基金-鑫利投资背信弃义，导致金鼎投资惨败。以致...</div><div style="float: right"><del>￥32.00</del><span class="span1" style="color: red">￥18.90</span><span class="span1">折扣:95折</span><span class="span1">节省：</span><span class="span1">￥13.10</span><span class="span1"><img src="img/product_buy_01.gif"/> </span> </div><div><img src="img/product_buy_02.gif"/> </div></div></div><div ><div style="display: inline-block;width: 20%"><img src="img/product_list_01.jpg" style="position: relative;top: -50px;left: 40px"/></div><div style="display: inline-block;width: 79%"><span>私募（首部披露资本博弈秘密的金融小说）</span><hr/><span>顾客评分:</span><img src="img/star_red.gif"/><img src="img/star_red.gif"/><img src="img/star_red.gif"/><img src="img/star_red.gif"/><img src="img/star_gray.gif"/><div>作者：郭现杰著</div><div>出版社：花山文艺出版社</div><div>出版时间：2009年08月</div><div>数年前，在一次股市的多、空之战中，以赵云狄、林康为首的私募基金一金鼎投资，和以王雨龙为首的私募基金，达成锁仓协议分食利益。 殊料，以王雨龙为首的私募基金-鑫利投资背信弃义，导致金鼎投资惨败。以致...</div><div style="float: right"><del>￥32.00</del><span class="span1" style="color: red">￥18.90</span><span class="span1">折扣:95折</span><span class="span1">节省：</span><span class="span1">￥13.10</span><span class="span1"><img src="img/product_buy_01.gif"/> </span> </div><div><img src="img/product_buy_02.gif"/> </div></div></div><div><div style="display: inline-block;width: 20%"><img src="img/product_list_01.jpg" style="position: relative;top: -50px;left: 40px"/></div><div style="display: inline-block;width: 79%"><span>私募（首部披露资本博弈秘密的金融小说）</span><hr/><span>顾客评分:</span><img src="img/star_red.gif"/><img src="img/star_red.gif"/><img src="img/star_red.gif"/><img src="img/star_red.gif"/><img src="img/star_gray.gif"/><div>作者：郭现杰著</div><div>出版社：花山文艺出版社</div><div>出版时间：2009年08月</div><div>数年前，在一次股市的多、空之战中，以赵云狄、林康为首的私募基金一金鼎投资，和以王雨龙为首的私募基金，达成锁仓协议分食利益。 殊料，以王雨龙为首的私募基金-鑫利投资背信弃义，导致金鼎投资惨败。以致...</div><div style="float: right"><del>￥32.00</del><span class="span1" style="color: red">￥18.90</span><span class="span1">折扣:95折</span><span class="span1">节省：</span><span class="span1">￥13.10</span><span class="span1"><img src="img/product_buy_01.gif"/> </span> </div><div><img src="img/product_buy_02.gif"/> </div></div></div><div><div style="display: inline-block;width: 20%"><img src="img/product_list_01.jpg" style="position: relative;top: -50px;left: 40px"/></div><div style="display: inline-block;width: 79%"><span>私募（首部披露资本博弈秘密的金融小说）</span><hr/><span>顾客评分:</span><img src="img/star_red.gif"/><img src="img/star_red.gif"/><img src="img/star_red.gif"/><img src="img/star_red.gif"/><img src="img/star_gray.gif"/><div>作者：郭现杰著</div><div>出版社：花山文艺出版社</div><div>出版时间：2009年08月</div><div>数年前，在一次股市的多、空之战中，以赵云狄、林康为首的私募基金一金鼎投资，和以王雨龙为首的私募基金，达成锁仓协议分食利益。 殊料，以王雨龙为首的私募基金-鑫利投资背信弃义，导致金鼎投资惨败。以致...</div><div style="float: right"><del>￥32.00</del><span class="span1" style="color: red">￥18.90</span><span class="span1">折扣:95折</span><span class="span1">节省：</span><span class="span1">￥13.10</span><span class="span1"><img src="img/product_buy_01.gif"/> </span> </div><div><img src="img/product_buy_02.gif"/> </div></div></div><div><div style="display: inline-block;width: 20%"><img src="img/product_list_01.jpg" style="position: relative;top: -50px;left: 40px"/></div><div style="display: inline-block;width: 79%"><span>私募（首部披露资本博弈秘密的金融小说）</span><hr/><span>顾客评分:</span><img src="img/star_red.gif"/><img src="img/star_red.gif"/><img src="img/star_red.gif"/><img src="img/star_red.gif"/><img src="img/star_gray.gif"/><div>作者：郭现杰著</div><div>出版社：花山文艺出版社</div><div>出版时间：2009年08月</div><div>数年前，在一次股市的多、空之战中，以赵云狄、林康为首的私募基金一金鼎投资，和以王雨龙为首的私募基金，达成锁仓协议分食利益。 殊料，以王雨龙为首的私募基金-鑫利投资背信弃义，导致金鼎投资惨败。以致...</div><div style="float: right"><del>￥32.00</del><span class="span1" style="color: red">￥18.90</span><span class="span1">折扣:95折</span><span class="span1">节省：</span><span class="span1">￥13.10</span><span class="span1"><img src="img/product_buy_01.gif"/> </span> </div><div><img src="img/product_buy_02.gif"/> </div></div></div><div><div style="display: inline-block;width: 20%"><img src="img/product_list_01.jpg" style="position: relative;top: -50px;left: 40px"/></div><div style="display: inline-block;width: 79%"><span>私募（首部披露资本博弈秘密的金融小说）</span><hr/><span>顾客评分:</span><img src="img/star_red.gif"/><img src="img/star_red.gif"/><img src="img/star_red.gif"/><img src="img/star_red.gif"/><img src="img/star_gray.gif"/><div>作者：郭现杰著</div><div>出版社：花山文艺出版社</div><div>出版时间：2009年08月</div><div>数年前，在一次股市的多、空之战中，以赵云狄、林康为首的私募基金一金鼎投资，和以王雨龙为首的私募基金，达成锁仓协议分食利益。 殊料，以王雨龙为首的私募基金-鑫利投资背信弃义，导致金鼎投资惨败。以致...</div><div style="float: right"><del>￥32.00</del><span class="span1" style="color: red">￥18.90</span><span class="span1">折扣:95折</span><span class="span1">节省：</span><span class="span1">￥13.10</span><span class="span1"><img src="img/product_buy_01.gif"/> </span> </div><div><img src="img/product_buy_02.gif"/> </div></div></div><div style="float: right"><span><img src="img/product_page_up.gif"><a href="#">1</a><a href="#">2</a><a href="#">...</a><a href="#">14</a><a href="#">15</a><a href="#">16</a><img src="img/next.gif"><span>跳转到</span><input style="width: 10px" type="text"><span>页</span><img src="img/OK.gif"></span></div></div></div><div style="text-align: center;margin-top: 20px">公司简介 | 诚征英才 |网站联盟 | 百货招商 | 交易条款</div></div></div><div style="margin-left: 20%;position:relative;top:1600px"><span>Copyfight(c)当当网 2004-2009， All Rights Reserved<img src="img/validate.gif"/>京ICP证041189号 音像制作经营许可证 京音网8号</span>
</div>
</div></body>
</html>当当网购物车和商品列表相关推荐
- JavaScript 实例：当当网 购物车统计总价
当当网购物车统计总价.循环表格所有行(或列)统计计算总价. 关键代码: <script type="text/javascript"> function product ...
- 一个简单的当当网购物车页面，可以实现简单购物
点加号可以添加添加商品,点减号可以减商品, 一个简单的当当网页面,可以实现简单的购物效果
- 当当网api获取商品详情
item_get-获得dangdang商品详情 注册获取api测试 返回数据说明 公共参数 名称 类型 必须 描述 key String 是 调用key(必须以GET方式拼接在URL中) secret ...
- 当当网获得dangdang商品详情 API
item_get-获得dangdang商品详情 API接口测试 onebound.dangdang.item_get 公共参数 请求地址: https://api-gw.onebound.cn/da ...
- python爬虫爬取当当网的商品信息
python爬虫爬取当当网的商品信息 一.环境搭建 二.简介 三.当当网网页分析 1.分析网页的url规律 2.解析网页html页面 书籍商品html页面解析 其他商品html页面解析 四.代码实现 ...
- JavaScript 实例：当当网 点击展开效果
关键代码: <script type="text/javascript"> function shopping_commend_show(imgObj) {/*通过改变 ...
- 【列表的使用】用python完成购物打印商品列表
文章目录 优点 考虑的因素 代码 输入方案举例 课程连接 优点 能够符合题目的要求,充分运用所学到的知识. 可以判断输入是否为数字,和判断输入范围是否正确.若输入不符合要求,可以继续重复输入,直到输入 ...
- 当当网商品详情API接口（当当商品详情接口，当当商品评论接口，当当商品问答接口，当当抢购价接口，当当商品列表接口）代码对接教程
当当网商品详情API接口(当当商品详情接口,当当商品评论接口,当当商品问答接口,当当抢购价接口,当当商品列表接口,关键词搜索当当网商品接口)代码对接教程如下 1.公共参数 名称 类型 必须 描述(接口 ...
- 当当网商品详情API接口（当当商品详情接口，当当商品评论接口，当当商品问答接口，当当抢购价接口，关键词搜索当当网商品接口）代码对接教程
当当网商品详情API接口(当当商品详情接口,当当商品评论接口,当当商品问答接口,当当抢购价接口,当当商品列表接口)代码对接教程如下: 1.公共参数 名称 类型 必须 描述(接口代码教程wx199701 ...
最新文章
- python移动窗口函数
- 计算机算法设计与分析一
- matlab拟合工具箱cftool
- 谈谈InnoDB下的记录锁，间隙锁，next-key锁
- webBrowser1_DocumentCompleted不停被调用
- UITableView：改变 TableHeaderView 的高度
- 一文带你了解混淆矩阵！
- 25 PP配置-生产车间控制-工序-定义生产计划参数文件
- jquery mysql jsp搜索功能_jquery实现的一个提前搜索功能
- Swarm（bzz）主网于6月21日正式启动 ,BZZ币合约已部署？红利提前来了吗？
- php实现页面强制跳转,PHP实现页面跳转的几种方法 - 米扑博客
- CSAPP Lab2：Bomb Lab
- java实现word、pdf文件下载功能
- 使用three.js模拟城市灯光秀
- 天气预报API，你想要的它都有
- 员工转正申请书_员工转正申请书简短的
- 华中科技大学计算机上机,华中科技大学计算机学院上机复试题目
- xp 英文版 安装后出现 中文乱码，解决方案。
- 4.网络爬虫—Post请求(实战演示)
- SAP移动平均价格与标准价格