HTML5期末大作业：麦路客电子网站设计——麦路客电子购物商城(37页) HTML5期末考核
一、作品展示
二、文件目录
三、代码实现
<!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>
<meta name="description" content="麦路客商城-专业的网上购物服装商城，主要在线销售男装、女装、童装、鞋、配饰、短袖、T恤、背心、内衣、毛衣、衬衫、针织衫、羊毛衫、卫衣、外套、羽绒服、休闲裤、牛仔裤、袜子等让您随时享受舒心惬意的网购之旅，同时为您提供最新的时尚潮流资讯，为每一位用户提供最新时尚潮流的折扣商品，天天低价、支持货到付款、7天无理由退换货。" />
<meta name="keywords" content="麦路客商城,男装,女装,童装,鞋,家居,配饰,衬衫,衬衣,长袖衬衫,短袖衬衫,全棉,纯棉,百分百棉,100%棉,全棉衬衫,纯棉衬衫,全棉衬衣,纯棉衬衣,免烫,免熨,免烫衬衫,免熨衬衫,免烫衬衣,领尖扣,直领,T恤,,棉线衫,卫衣,外套,西服,休闲西服,毛衣,背心,毛背心,裤子,长裤,休闲裤,牛仔裤,短裤,鞋,凉鞋,皮鞋,板鞋,商务皮鞋,休闲皮鞋,内衣,内裤,秋衣,秋裤,三角裤,平角裤,领带,袜子,棉袜,拖鞋,打折" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" />
<link href="css/base.css" rel="stylesheet" type="text/css" />
<link href="css/personal.css" rel="stylesheet" type="text/css" />
<link href="css/userdetail.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery-1.2.6.pack.js"></script>
<script type="text/javascript" src="js/public.js"></script>
<script type="text/javascript" src="js/user.js"></script>
</head>
<body>
<div class="side_con">
<div class="l_m">
<div class="f_l l_m_l">
您好，欢迎来麦路客商城！<a href="login.html" class="huise">[登录]</a><a href="register.html" class="huise">[免费注册]</a>
</div><!--l_m_l end-->
<div class="f_r l_m_r">
<ul class="clearfix">
<li class="collect"><a onclick="bookmark();" href="javascript:void(0);">加入收藏</a></li>
<li><a href="index.html">帮助中心</a></li>
<li><a href="my-order.html" class="yellow">我的订单</a></li>
<li class="my-mesaer">
<a href="my-mesaer.html">我的麦路客<span class="arrow"></span></a>
<ul id="my-list">
<li><a href="my-order.html">我的订单</a></li>
<li><a href="my-faq.html">我的问答</a></li>
<li><a href="my-favorites.html">我的收藏</a></li>
<li><a href="my-points.html">我的积分</a></li>
</ul>
</li>
</ul>
</div><!--l_m_r end-->
</div><!--l_m end-->
</div><!--side_con end-->
<div class="header container">
<div class="l_s">
<a class="f_l logo" href="index.html"><img src="images/logo.gif" alt="麦路客商城" width="152" height="71" /></a>
<div class="f_l l_s_l">
<form method="post" action="" id="ui_element">
<div class="f_l input_l"><input type="text" id="birds" class="sb_input text" value="" autocomplete="off" onkeydown="javascript:if(event.keyCode==13) search('key');"><ul id="tieslide"></ul></div>
<div class="f_l input_r"><button type="submit" onclick="search('key');return false;">搜商品</button></div>
</form>
</div><!--l_s_l end-->
<ul class="f_r l_s_r">
<li class="icon_01"><a href="help/payment.html">货到付款</a></li><li class="icon_02"><a href="help/payment.html">支付宝支付</a></li><li class="icon_03"><a href="help/policy.html">7天退换</a></li><li class="icon_04"><a href="help/invoice-system.html">提供发票</a></li>
</ul><!--l_s_r end-->
</div><!--l_s end-->
<div class="site-nav">
<div class="floor_nav">
<ul class="floors">
<li id="floor_0"><a href="index.html" class="track">首页</a></li>
<li id="floor_1"><a href="airplane.html" class="track">飞机模型</a></li>
<li id="floor_2"><a href="women.html" class="track">女装</a></li>
<li id="floor_3"><a href="man.html" class="track">男装</a></li>
<li id="floor_4"><a href="shoes.html" class="track">鞋子</a></li>
<li id="floor_5"><a href="bags.html" class="track">箱包</a></li>
<li id="floor_6"><a href="discount.html" class="track">折扣积分</a></li>
<li id="floor_7"><a href="sort.html" class="track">所有分类</a></li>
</ul>
<div class="buy_cart">
<a class="gocart" href="cart.html">购物车<b class="yellow">312310</b>件</a>
<a class="gopay" href="not-address.html">去结账</a>
<dl>
<dt>新手指南</dt>
<dd><a href="help/index.html" target="_blank"><span>购物流程</span></a></dd>
<dd><a href="help/account.html" target="_blank"><span>我的麦路客</span></a></dd>
<dd><a href="help/common.html" target="_blank"><span>常见问题</span></a></dd>
<dd><a href="register.html" target="_blank"><span>注册用户</span></a></dd>
<dd><a href="forgot-password.html" target="_blank"><span>找回密码</span></a></dd>
</dl>
<dl>
<dt>订单问题</dt>
<dd><a href="help/order-status.html" target="_blank">订单状态</a></dd>
<dd><a href="help/cancel-order.html" target="_blank">取消订单</a></dd>
<dd><a href="help/not-order.html" target="_blank">未达订单</a></dd>
</dl>
<dl>
<dt>会员积分</dt>
<dd><a href="help/integral-rules.html" target="_blank">积分规则</a></dd>
<dd><a href="help/integral.html" target="_blank">积分问题</a></dd>
<dd><a href="help/exchange-integral.html" target="_blank">积分兑换</a></dd>
</dl>
<dl>
<dt>如何付款/退款</dt>
<dd><a href="help/payment.html" target="_blank">支付方式</a></dd>
<dd><a href="help/wait-pay.html" target="_blank">支付等待</a></dd>
<dd><a href="help/pay-issue.html" target="_blank">支付问题</a></dd>
<dd><a href="help/refund.html" target="_blank">办理退款</a></dd>
<dd><a href="help/invoice-system.html" target="_blank">发票制度</a></dd>
</dl>
<dl>
<dt>配送和收费</dt>
<dd><a href="help/time-range.html" target="_blank">配送时间</a></dd>
<dd><a href="help/delivery-time.html" target="_blank">送达时间</a></dd>
<dd><a href="help/inspection-sign.html" target="_blank">验货与签收</a></dd>
<dd><a href="help/express.html" target="_blank">快递配送和收费</a></dd>
<dd><a href="help/ems.html" target="_blank">EMS配送和收费</a></dd>
</dl>
<dl>
<dt>售后服务</dt>
<dd><a href="help/policy.html" target="_blank">退换货政策</a></dd>
<dd><a href="help/apply-goods.html" target="_blank">如何办理退换货</a></dd>
</dl>
</div>
</div><!--service end-->
<div class="copyright">
<a href="help/about.html" target="_blank">关于麦路客</a><span>|</span><a href="help/contact.html" target="_blank">联系麦路客</a><span>|</span><a href="help/job.html" target="_blank">加入麦路客</a><span>|</span><a href="sort.html" target="_blank">网站地图</a><span>|</span><a href="help/complainting.html" target="_blank">投诉与建议</a><span>|</span><a href="help/links.html" target="_blank">友情链接</a><br />
Copyright © 2009-2011 <a title="麦路客商城" href="http://www.mailuke.com/">www.mailuke.com</a> 麦路客商城版权所有<span>|</span><a href="http://www.miibeian.gov.cn/" target="_blank">沪ICP备10031526号</a><br />
<a href="#" target="_blank"><img src="images/beian.gif" width="128" height="47" alt="经营性网站备案中心" /></a><a href="#" target="_blank"><img src="images/trustA.gif" width="119" height="47" alt="A级-信用企业" /></a><a href="#" target="_blank"><img src="images/alipay.gif" width="123" height="40" alt="支付宝-特约商家" /></a>
</div><!--copyright end-->
</div><!--footer end-->
<!-- plugin -->
<script type="text/javascript" src="js/lib.js"></script>
<!-- online -->
<script type="text/javascript" src="js/online.js"></script>
</body>
</html>
四、获取更多源码
~ 关注我，点赞博文~ 每天带你涨知识!
相关问题可以相互学习，可关注↓公Z号 获取更多源码
扫一扫
381
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
