`
mxx_1111
  • 浏览: 58774 次
  • 性别: Icon_minigender_1
  • 来自: 济南
社区版块
存档分类
最新评论

购物车的功能——界面源码

 
阅读更多
里面所用到的图片资源统一都在“我的资源”里面,相对应的图片是“

购物车源码相关图片

http://download.csdn.net/detail/qq_34137397/9665878

<!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/myCart.css" type="text/css" rel="stylesheet" />
    <script type="text/javascript" src="js/jquery-1.8.3.js"></script>
    <script type="text/javascript" src="js/myCart.js"></script>
</head>
<body>
<div id="header"><img src="images/taobao_logo.gif" alt="logo" /></div>
<div id="nav">您的位置:<a href="#">首页</a> > <a href="#">我的淘宝</a> > 我的购物车</div>
<div id="navlist">
    <ul>
        <li class="navlist_red_left"></li>
        <li class="navlist_red">1. 查看购物车</li>
        <li class="navlist_red_arrow"></li>
        <li class="navlist_gray">2. 确认订单信息</li>
        <li class="navlist_gray_arrow"></li>
        <li class="navlist_gray">3. 付款到支付宝</li>
        <li class="navlist_gray_arrow"></li>
        <li class="navlist_gray">4. 确认收货</li>
        <li class="navlist_gray_arrow"></li>
        <li class="navlist_gray">5. 评价</li>
        <li class="navlist_gray_right"></li>
    </ul>
</div>

<div id="content">
	<form action="" method="post" name="myform">
    	<table width="100%" border="0" cellspacing="0" cellpadding="0" id="shopping">        
            <tr>
                <td class="title_1"><input id="allCheckBox" type="checkbox" value=""/>全选</td>
                <td class="title_2" colspan="2">店铺宝贝</td>
                <td class="title_3">获积分</td>
                <td class="title_4">单价(元)</td>
                <td class="title_5">数量</td>
                <td class="title_6">小计(元)</td>
                <td class="title_7">操作</td>
            </tr>
            <tr>
                <td colspan="8" class="line"></td>
            </tr>
            <tr>
                <td colspan="8" class="shopInfo">店铺:<a href="#">纤巧百媚时尚鞋坊</a>    卖家:<a href="#">纤巧百媚</a> <img src="images/taobao_relation.jpg" alt="relation" /></td>
            </tr>
            <tr id="product1">
                <td class="cart_td_1"><input name="cartCheckBox" type="checkbox" value="product1"/></td>
                <td class="cart_td_2"><img src="images/taobao_cart_01.jpg" alt="shopping"/></td>
                <td class="cart_td_3"><a href="#">日韩流行风时尚美眉最爱独特米字拼图金属坡跟公主靴子黑色</a><br />
                    颜色:棕色 尺码:37<br />
                    保障:<img src="images/taobao_icon_01.jpg" alt="icon" /></td>
                <td class="cart_td_4">5</td>
                <td class="cart_td_5">138.00</td>
                <td class="cart_td_6"><img src="images/taobao_minus.jpg" alt="minus" class="hand"/> <input id="num_1" type="text"  value="1" class="num_input" readonly="readonly"/> <img src="images/taobao_adding.jpg" alt="add" class="hand"/></td>
                <td class="cart_td_7"></td>
                <td class="cart_td_8"><a href="javascript:void(0);">删除</a></td>
            </tr>

            <tr>
                <td colspan="8" class="shopInfo">店铺:<a href="#">香港我的美丽日记</a>    卖家:<a href="#">lokemick2009</a> <img src="images/taobao_relation.jpg" alt="relation" /></td>
            </tr>
            <tr id="product2">
                <td class="cart_td_1"><input name="cartCheckBox" type="checkbox" value="product2" /></td>
                <td class="cart_td_2"><img src="images/taobao_cart_02.jpg" alt="shopping"/></td>
                <td class="cart_td_3"><a href="#">chanel/香奈尔/香奈尔炫亮魅力唇膏3.5g</a><br />
                    保障:<img src="images/taobao_icon_01.jpg" alt="icon" /> <img src="images/taobao_icon_02.jpg" alt="icon" /></td>
                <td class="cart_td_4">12</td>
                <td class="cart_td_5">265.00</td>
                <td class="cart_td_6"><img src="images/taobao_minus.jpg" alt="minus" class="hand"/> <input id="num_2" type="text"  value="1" class="num_input" readonly="readonly"/> <img src="images/taobao_adding.jpg" alt="add" class="hand"/></td>
                <td class="cart_td_7"></td>
                <td class="cart_td_8"><a href="javascript:void(0);">删除</a></td>
            </tr>

            <tr>
                <td colspan="8" class="shopInfo">店铺:<a href="#">实体经营</a>    卖家:<a href="#">林颜店铺</a> <img src="images/taobao_relation.jpg" alt="relation" /></td>
            </tr>
            <tr id="product3">
                <td class="cart_td_1"><input name="cartCheckBox" type="checkbox" value="product3"/></td>
                <td class="cart_td_2"><img src="images/taobao_cart_03.jpg" alt="shopping"/></td>
                <td class="cart_td_3"><a href="#">蝶妆海?蓝清滢粉底液10#(象牙白)</a><br />
                    保障:<img src="images/taobao_icon_01.jpg" alt="icon" /> <img src="images/taobao_icon_02.jpg" alt="icon" /></td>
                <td class="cart_td_4">3</td>
                <td class="cart_td_5">85.00</td>
                <td class="cart_td_6"><img src="images/taobao_minus.jpg" alt="minus" class="hand"/> <input id="num_3" type="text"  value="1" class="num_input" readonly="readonly"/> <img src="images/taobao_adding.jpg" alt="add" class="hand"/></td>
                <td class="cart_td_7"></td>
                <td class="cart_td_8"><a href="javascript:void(0);">删除</a></td>
            </tr>

            <tr>
                <td colspan="8" class="shopInfo">店铺:<a href="#">红豆豆的小屋</a>    卖家:<a href="#">taobao豆豆</a> <img src="images/taobao_relation.jpg" alt="relation" /></td>
            </tr>
            <tr id="product4">
                <td class="cart_td_1"><input name="cartCheckBox" type="checkbox" value="product4"/></td>
                <td class="cart_td_2"><img src="images/taobao_cart_04.jpg" alt="shopping"/></td>
                <td class="cart_td_3"><a href="#">相宜促销专供 大S推荐 最好用的LilyBell化妆棉</a><br />
                    保障:<img src="images/taobao_icon_01.jpg" alt="icon" /></td>
                <td class="cart_td_4">12</td>
                <td class="cart_td_5">12.00</td>
                <td class="cart_td_6"><img src="images/taobao_minus.jpg" alt="minus" class="hand"/> <input id="num_4" type="text"  value="2" class="num_input" readonly="readonly"/> <img src="images/taobao_adding.jpg" alt="add" class="hand"/></td>
                <td class="cart_td_7"></td>
                <td class="cart_td_8"><a href="javascript:void(0);">删除</a></td>
            </tr>

            <tr>
                <td  colspan="3"><a id="deleteAll" href="javascript:void(0);"><img src="images/taobao_del.jpg" alt="delete"/></a></td>
                <td colspan="5" class="shopend">商品总价(不含运费):<label id="total" class="yellow"></label> 元<br />
                    可获积分 <label class="yellow" id="integral"></label> 点<br />
                    <input name=" " type="image" src="images/taobao_subtn.jpg" /></td>
            </tr>        
    	</table>
    </form>

</div>
</body>
</html>


分享到:
评论

相关推荐

    ASP.NET源码——[电子商务]最简购物车(Access)源码.zip

    【ASP.NET源码——[电子商务]最简购物车(Access)源码.zip】是一个用于学习和实践ASP.NET技术的电子商务项目。这个项目的核心是实现一个简单的购物车功能,使用了Access数据库来存储数据,适合初学者理解Web应用程序...

    安卓Android源码——精典源码之模仿乐淘的应用程序分析源码.zip

    本资源"安卓Android源码——精典源码之模仿乐淘的应用程序分析源码.zip"提供了一个模仿知名电商平台乐淘的Android应用程序的源代码,旨在帮助开发者学习和理解电商应用的基本架构和功能实现。通过对这些源码的分析,...

    Android源码——蘑菇街界面设计源码.7z

    "Android源码——蘑菇街界面设计源码.7z"提供了一个很好的学习资源,让我们可以探究一个成熟电商应用的UI设计和实现细节。蘑菇街作为一个知名的电商平台,其用户界面设计往往具有较高的交互性和美观性,值得开发者...

    book——shop 源码

    书城源码是一个用于构建在线图书销售平台的软件系统,它涵盖了用户管理、图书分类、购物车、订单处理、支付接口等多个核心功能模块。通过分析和理解这个源码,我们可以深入学习Web开发的相关技术,包括前端交互、...

    ASP源码课程设计——简易购物车

    ASP源码课程设计——简易购物车是一门针对初学者和进阶者的IT实践课程,旨在通过实际操作,帮助学习者掌握ASP(Active Server Pages)编程技术,并应用到网上购物系统的开发中。在这个项目中,我们将重点探讨如何...

    一个简单的购物车源码

    【标题】: "一个简单的购物车源码" 涉及到的知识点主要集中在软件开发中的前端和后端技术,尤其是电商系统的核心功能模块——购物车。购物车系统是在线购物平台的重要组成部分,用于实现用户选择商品、添加、删除、...

    Android源码——仿乐淘的应用界面源码.rar

    在仿乐淘的界面中,可能会有多个Activity和Fragment来实现不同功能区域,如商品展示、购物车、个人中心等。 3. **布局文件**:XML布局文件是定义用户界面的蓝图。在这个项目中,我们可能会看到诸如LinearLayout、...

    电子商务网站购物车源码(asp)

    该源码提供了实现电子商务网站核心功能——购物车的完整代码,用户无需安装额外软件,可以直接在支持ASP的Web服务器上运行。 购物车系统是电子商务网站不可或缺的一部分,它允许用户浏览商品、选择商品并暂存到...

    jsp网上书店系统——源码

    这个系统主要由JSP(JavaServer Pages)页面、Servlet以及JavaBean组件构成,实现了用户浏览图书、搜索、添加到购物车、结算购买等功能。 首先,JSP是Java Web开发中的一个重要组成部分,它是一种动态网页技术,...

    可以进行拖动的Asp.net购物车源码

    描述简单明了,强调了购物车功能的一个特殊点——拖动。这表明该源码不仅实现了基本的添加、删除商品等购物车功能,还引入了交互性更强的拖放技术,使得用户在网页上可以像在桌面应用中那样自由移动和管理购物车内的...

    ASP网站实例开发源码——企业网站源码!! 双语版本 绿色界面 自然清新 完整规范.zip

    这个压缩包中的"ASP网站实例开发源码——企业网站源码"是一个完整的ASP企业级网站项目,提供了双语版本(英文和中文),拥有绿色界面,设计自然清新,且代码结构完整规范,对于学习和开发ASP网站的开发者来说是很好...

    ASP网站实例开发源码——网上商城源码.zip

    2. **用户界面**:网上商城的前端设计,包括HTML、CSS和JavaScript,用于展示商品列表、分类、搜索功能、购物车、结账流程等。这部分代码可能包含多个ASP文件,每个对应一个特定的网页。 3. **业务逻辑**:处理用户...

    ASP.NET源码——[电子商务]JaneLee简单购物车源码.zip

    在这个购物车源码中,我们可以看到各种Web表单(.aspx文件)以及对应的后台代码(.cs文件),这些表单包含了用户界面元素和处理用户交互的逻辑。 2. **数据库交互** 电子商务应用通常涉及到商品管理、库存控制、...

    安卓Android源码——高仿京东商城源码.zip

    《安卓Android源码——高仿京东商城源码详解》 在移动互联网的浪潮中,安卓Android作为全球最大的智能手机操作系统,其应用开发领域的热度不减。本篇将深度解析一款基于Android平台的高仿京东商城源码,帮助开发者...

    手机商城H5静态界面_精美界面

    从登录、注册,再到进入官网的首页——加入购物车——付款。 无所不体现一些细节的东西,返显,高亮,轮播图滑动,广告走马灯。 还有真的很适合新手来学习一些标签的用法,css类的执行大小,还有js的一些基础的DOM...

    Android源码——高仿京东商城源码.7z

    这篇内容将深入解析《Android源码——高仿京东商城源码》的相关知识点,主要涵盖Android应用开发、用户界面设计、网络请求、数据存储以及应用程序架构等多个方面。 首先,"高仿京东商城源码"通常指的是一个Android...

    ASP网站实例开发源码——好网店商城源码.rar

    这个"ASP网站实例开发源码——好网店商城源码.rar"是一个使用ASP技术构建的在线商城的源代码包,它包含了创建一个功能完整的电子商务平台所需的所有组件和文件。 在ASP中,开发者可以使用VBScript或JScript等脚本...

    ASP实例开发源码——手机领域网 商城程序源码.zip

    这个"ASP实例开发源码——手机领域网 商城程序源码.zip"压缩包包含了一个基于ASP技术构建的手机商城系统的完整源代码。通过分析和学习这个源码,我们可以深入了解ASP在电子商务平台开发中的应用。 ASP的核心功能...

    PHP实例开发源码——php精美女性整站源码.zip

    此外,"整站源码"意味着包括了网站的所有组成部分,如首页、产品展示页、购物车功能、用户注册登录系统、评论系统等,提供了一站式的解决方案。 【标签】虽然没有具体的标签信息,但我们可以根据标题和描述推测出...

    安卓Android源码——手机点餐下单项目源码.zip

    这个“安卓Android源码——手机点餐下单项目源码.zip”是一个包含安卓应用程序源代码的压缩包,专门用于实现手机点餐下单的功能。通过分析这个项目源码,我们可以深入理解安卓应用开发的基本流程,以及在餐饮行业...

Global site tag (gtag.js) - Google Analytics