关于当当网的所有图片资源都已上传，下载地址：当当网资料，点击下载即可，下面上html代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>当当网购物车页面</title>
<link href="css/global.css" rel="stylesheet" type="text/css" />
<link href="css/layout.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
<script type="text/javascript" src="js/shopping.js"></script>
</head>
<body>
<div id="header"><iframe src="header.html" height="155px" width="960px" frameborder="0"></iframe></div>
<!--中间部分开始-->
<div id="main">
<div><img src="images/shopping_myshopping.gif" alt="shopping"/> <a href="#">全场免运费活动中</a></div>
<!--为您推荐商品开始-->
<div class="shopping_commend">
<div class="shopping_commend_left">根据您挑选的商品，当当为您推荐</div>
<div class="shopping_commend_right"><img src="images/shopping_arrow_up.gif" alt="shopping" id="shopping_commend_arrow"/></div>
</div>
<div id="shopping_commend_sort">
<div class="shopping_commend_sort_left">
<ul>
<li class="shopping_commend_list_1">·<a href="#" class="blue">JavaScript DOM编程艺术</a></li>
<li class="shopping_commend_list_2">￥39.00</li>
<li class="shopping_commend_list_3">￥29.30</li>
<li class="shopping_commend_list_4"><a href="#" class="shopping_yellow">购买</a></li>
</ul>
<ul>
<li class="shopping_commend_list_1">·<a href="#" class="blue">解禁（当当网独家首发）</a></li>
<li class="shopping_commend_list_2">￥28.00</li>
<li class="shopping_commend_list_3">￥19.40</li>
<li class="shopping_commend_list_4"><a href="#" class="shopping_yellow">购买</a></li>
</ul>
<ul>
<li class="shopping_commend_list_1">·<a href="#" class="blue">地王之王（金融危机下房地产行...</a></li>
<li class="shopping_commend_list_2">￥32.80</li>
<li class="shopping_commend_list_3">￥25.10</li>
<li class="shopping_commend_list_4"><a href="#" class="shopping_yellow">购买</a></li>
</ul>
<ul>
<li class="shopping_commend_list_1">·<a href="#" class="blue">逃庄</a></li>
<li class="shopping_commend_list_2">￥36.00</li>
<li class="shopping_commend_list_3">￥27.70</li>
<li class="shopping_commend_list_4"><a href="#" class="shopping_yellow">购买</a></li>
</ul>
</div>
<div class="shopping_commend_sort_mid"></div>
<div class="shopping_commend_sort_left">
<ul>
<li class="shopping_commend_list_1">·<a href="#" class="blue">深入浅出MySQL数据库开发、优...</a></li>
<li class="shopping_commend_list_2">￥59.00</li>
<li class="shopping_commend_list_3">￥47.20</li>
<li class="shopping_commend_list_4"><a href="#" class="shopping_yellow">购买</a></li>
</ul>
<ul>
<li class="shopping_commend_list_1">·<a href="#" class="blue">大玩家（马未都、王刚推荐!央...</a></li>
<li class="shopping_commend_list_2">￥34.80</li>
<li class="shopping_commend_list_3">￥20.60</li>
<li class="shopping_commend_list_4"><a href="#" class="shopping_yellow">购买</a></li>
</ul>
<ul>
<li class="shopping_commend_list_1">·<a href="#" class="blue">都市风水师--官场风水小说：一...</a></li>
<li class="shopping_commend_list_2">￥39.80</li>
<li class="shopping_commend_list_3">￥30.50</li>
<li class="shopping_commend_list_4"><a href="#" class="shopping_yellow">购买</a></li>
</ul>
<ul>
<li class="shopping_commend_list_1">·<a href="#" class="blue">国戏（以麻将术语解读宦海沉浮...</a></li>
<li class="shopping_commend_list_2">￥25.00</li>
<li class="shopping_commend_list_3">￥17.30</li>
<li class="shopping_commend_list_4"><a href="#" class="shopping_yellow">购买</a></li>
</ul>
</div>
</div>
<div class="shopping_list_top">您已选购以下商品</div>
<div class="shopping_list_border">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr class="shopping_list_title">
<td class="shopping_list_title_1">商品名</td>
<td class="shopping_list_title_2">单品积分</td>
<td class="shopping_list_title_3">市场价</td>
<td class="shopping_list_title_4">当当价</td>
<td class="shopping_list_title_5">数量</td>
<td class="shopping_list_title_6">删除</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" id="myTableProduct">
<tr class="shopping_product_list" id="shoppingProduct_01">
<td class="shopping_product_list_1"><a href="#" class="blue">私募（首部披露资本博弈秘密的金融...</a></td>
<td class="shopping_product_list_2"><label>189</label></td>
<td class="shopping_product_list_3">￥<label>32.00</label></td>
<td class="shopping_product_list_4">￥<label>18.90 </label>(59折)</td>
<td class="shopping_product_list_5"><input type="text" value="1"/></td>
<td class="shopping_product_list_6"><a href="javascript:void(0)" class="blue">删除</a></td>
</tr>
<tr class="shopping_product_list" id="shoppingProduct_02">
<td class="shopping_product_list_1"><a href="#" class="blue"> 小团圆（张爱玲最神秘小说遗稿）</a></td>
<td class="shopping_product_list_2"><label>173</label></td>
<td class="shopping_product_list_3">￥<label>28.00</label></td>
<td class="shopping_product_list_4">￥<label>17.30</label>(62折)</td>
<td class="shopping_product_list_5"><input type="text" value="1"/></td>
<td class="shopping_product_list_6"><a href="javascript:void(0)" class="blue">删除</a></td>
</tr>
<tr class="shopping_product_list" id="shoppingProduct_03">
<td class="shopping_product_list_1"><a href="#" class="blue">不抱怨的世界(畅销全球80国的世界...</a></td>
<td class="shopping_product_list_2"><label>154</label></td>
<td class="shopping_product_list_3">￥<label>24.80</label></td>
<td class="shopping_product_list_4">￥<label>15.40</label> (62折)</td>
<td class="shopping_product_list_5"><input type="text" value="2"/></td>
<td class="shopping_product_list_6"><a href="javascript:void(0)" class="blue">删除</a></td>
</tr>
<tr class="shopping_product_list" id="shoppingProduct_04">
<td class="shopping_product_list_1"><a href="#" class="blue">福玛特双桶洗衣机XPB20-07S</a></td>
<td class="shopping_product_list_2"><label>358</label></td>
<td class="shopping_product_list_3">￥<label>458.00</label></td>
<td class="shopping_product_list_4">￥<label>358.00</label> (78折)</td>
<td class="shopping_product_list_5"><input type="text" value="1"/></td>
<td class="shopping_product_list_6"><a href="javascript:void(0)" class="blue">删除</a></td>
</tr>
<tr class="shopping_product_list" id="shoppingProduct_05">
<td class="shopping_product_list_1"><a href="#" class="blue">PHP和MySQL Web开发 （原书第4版）</a></td>
<td class="shopping_product_list_2"><label>712</label></td>
<td class="shopping_product_list_3">￥<label>95.00</label></td>
<td class="shopping_product_list_4">￥<label>71.20</label> (75折)</td>
<td class="shopping_product_list_5"><input type="text" value="1"/></td>
<td class="shopping_product_list_6"><a href="javascript:void(0)" class="blue">删除</a></td>
</tr>
<tr class="shopping_product_list" id="shoppingProduct_06">
<td class="shopping_product_list_1"><a href="#" class="blue">法布尔昆虫记</a>（再买￥68.30即可参加“满199元减10元现金”活动）</td>
<td class="shopping_product_list_2"><label>10</label></td>
<td class="shopping_product_list_3">￥<label>198.00</label></td>
<td class="shopping_product_list_4">￥<label>130.70</label> (66折)</td>
<td class="shopping_product_list_5"><input type="text" value="1"/></td>
<td class="shopping_product_list_6"><a href="javascript:void(0)" class="blue">删除</a></td>
</tr>
</table>
<div class="shopping_list_end">
<div><a id="removeAllProduct" href="javascript:void(0);">清空购物车</a></div>
<ul>
<li class="shopping_list_end_1"><input name="" type="image" src="images/shopping_balance.gif"/></li>
<li class="shopping_list_end_2">￥<label id="product_total"></label></li>
<li class="shopping_list_end_3">商品金额总计：</li>
<li class="shopping_list_end_4">您共节省金额：￥<label class="shopping_list_end_yellow" id="product_save"></label><br/>
可获商品积分：<label class="shopping_list_end_yellow" id="product_integral"></label>
</li>
</ul>
</div>
</div>
</div>
<!--网站版权部分开始-->
<div id="footer">
<iframe src="footer.html" height="50px" width="900px" frameborder="0"></iframe></div>
</body>
</html>
分享到：
相关推荐
在构建一个像“当当购物车页面”这样的电商网站功能时，HTML网页购物车和JavaScript起着至关重要的作用。下面将详细阐述这两个技术在实现购物车功能中的应用及其相关知识点。 1. HTML（超文本标记语言）：HTML是...
在当当网上书店的项目中，JQuery可以轻松实现商品添加到购物车的动态效果，例如使用`.append()`方法将选中的图书信息添加到购物车列表，同时通过计算总价和数量，实时更新购物车的状态。此外，JQuery还能处理移除...
当当网上书店案例代码是一个综合性的项目，涵盖了前端开发中的多个关键知识点，主要涉及CSS、JavaScript和图片处理。下面将详细解析这些知识点。 首先，**购物车案例** 是电商网站的核心功能之一，它涉及到数据存储...
标题 "当当网——客户端——服务端" 暗示了我们要探讨的是关于当当网的客户端和服务端架构以及它们之间的交互。当当网是中国知名的在线图书、电子商品零售平台，其客户端通常指的是用户使用的应用程序，如手机APP或...
【当当网上书店】作为全球知名的综合性网上购物平台，它为消费者提供了丰富的商品选择和便捷的购物体验。这个“完整版”可能指的是当当网的全方位服务和全面的商品分类，涵盖了从图书到电子书，从童书到服装，再到...
"当当网"是指该系统在功能设计上参考了知名的在线书店——当当网，力求提供类似的购书体验。"书店"表明系统专注于图书销售服务，可能包括书籍搜索、分类浏览、价格显示等功能。"系统"则涵盖了整个应用的架构和组成...
标题中的“当当网上书店”指的是中国知名的在线图书销售平台，它为用户提供广泛的图书资源、电子书、音像制品以及各类商品的购买服务。在这个数字化的时代，当当网以其便捷的购书体验和丰富的图书种类成为了许多读者...
购物车功能是网上书店系统的关键部分。它需要实现用户可以将想要购买的书籍添加到购物车，同时支持修改购物车中的书籍数量、删除单个书籍，以及清空整个购物车。此外，购物车还需要能持久化存储，即使用户关闭浏览器...
购物车源码是一种常见的网页应用，它用于模拟在线购物过程中的商品添加、删除以及数量调整等操作。在本实例中，我们看到的是一款基于HTML和JavaScript实现的简单购物车源码。HTML是超文本标记语言，负责构建网页的...
4. **持久化**：为了防止会话过期导致购物车数据丢失，系统需要将购物车内容存储到数据库中，以便用户下次登录时恢复。 【SSH框架在购物车系统中的应用】 1. **Spring**：在购物车系统中，Spring负责管理对象的...
### 类似当当网（网上书店）的需求分析 #### 一、系统需求 随着互联网技术的不断进步，电子商务已经成为一种主流的商业模式。当当网作为一家知名的网上书店，结合了图书销售与电子商务的优势，提供了便捷的购书...
在构建一个类似当当网的在线购物车系统时，我们需要考虑多个关键的技术点。这个"仿当当网的购物车全部代码"项目可能涵盖了以下几个重要的IT知识点： 1. **前端技术**：通常，购物车功能的用户界面由前端技术实现，...
【标题】"网上书城当当网书店"项目是基于Java技术实现的一个电子商务平台，它模拟了真实的在线购书流程，旨在提供一个完整的网上购物体验。这个项目涵盖了从用户注册、登录、浏览书籍、搜索书籍、加入购物车、结算到...
【标题】：“一个简单的当当网购物车页面”是指一种基于网页技术实现的模拟当当网购物车功能的示例项目。这个项目旨在帮助初学者理解购物车逻辑以及相关前端和后端技术的运用。 【描述】：这个简单购物车页面能够...
该项目为一次典型的期末前端web大作业，旨在通过构建一个在线书店的界面，使学生能够实践并掌握HTML、CSS以及JavaScript的基本用法。本项目的主题是“基于HTML的当当图书网项目”，通过一系列的设计与实现过程，学生...
该资源是一个基于JSP技术构建的仿当当网网上书店的源码，旨在提供一个学习平台，让开发者能够深入理解并实践Web应用开发中的关键功能模块。以下将详细阐述其中涉及的技术点和功能实现。 首先，JSP（JavaServer ...
典型电子商务系统（在线购物平台），模拟了当当系统部分功能。 2.功能需求 1）用户管理模块（3天）user 实现登录、注册功能 2）产品浏览模块（2天）main 实现主界面和类别浏览功能 3）购物车模块（1.5天）cart 实现...
总结，这个“java+jsp做的网上书店源码+报告”项目是一个全面的实践教学资源，涵盖了软件工程的全过程，从需求分析到系统实现，对于学习Java Web开发的初学者或开发者来说，是一个宝贵的参考案例。通过这个项目，...