<!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" />
<link href="css/common.css" rel="stylesheet" type="text/css" />
<link href="css/style.css" rel="stylesheet" type="text/css" />
<script src="js/jquery-1.8.3.min.js" type="text/javascript"></script>
<script src="js/jquery.SuperSlide.2.1.1.js" type="text/javascript"></script>
<script src="js/common_js.js" type="text/javascript"></script>
<script src="js/footer.js" type="text/javascript"></script>
<title>网站首页</title>
</head>
<body>
<head>
<div id="header_top">
<div id="top">
<div class="Inside_pages">
<div class="Collection"><a href="#" class="green">请登录</a> <a href="#" class="green">免费注册</a></div>
<div class="hd_top_manu clearfix">
<ul class="clearfix">
<li class="hd_menu_tit" data-addclass="hd_menu_hover"><a href="#">首页</a></li>
<li class="hd_menu_tit" data-addclass="hd_menu_hover"> <a href="#">我的小充</a> </li>
<li class="hd_menu_tit" data-addclass="hd_menu_hover"><a href="#">消息中心</a></li>
<li class="hd_menu_tit" data-addclass="hd_menu_hover"><a href="#">商品分类</a></li>
<li class="hd_menu_tit" data-addclass="hd_menu_hover"><a href="#">我的购物车<b>(23)</b></a></li>
</ul>
</div>
</div>
</div>
<div id="header" class="header page_style">
<div class="logo"><a href="index.html"><img src="images/logo.png" /></a></div>
<!--结束图层-->
<div class="Search">
<div class="search_list">
<ul>
<li class="current"><a href="#">产品</a></li>
<li><a href="#">信息</a></li>
</ul>
</div>
<div class="clear search_cur">
<input name="searchName" id="searchName" class="search_box" onkeydown="keyDownSearch()" type="text">
<input name="" type="submit" value="搜 索" class="Search_btn"/>
</div>
<div class="clear hotword">热门搜索词：香醋 茶叶 草莓 葡萄 菜油</div>
</div>
<!--购物车样式-->
<div class="hd_Shopping_list" id="Shopping_list">
<div class="s_cart"><a href="#">我的购物车</a> <i class="ci-right">></i><i class="ci-count" id="shopping-amount">0</i></div>
<div class="dorpdown-layer">
<div class="spacer"></div>
<!--<div class="prompt"></div><div class="nogoods"><b></b>购物车中还没有商品，赶紧选购吧！</div>-->
<ul class="p_s_list">
<li>
<div class="img"><img src="images/tianma.png"></div>
<div class="content"><p class="name"><a href="#">产品名称</a></p><p>颜色分类:紫花8255尺码:XL</p></div>
<div class="Operations">
<p class="Price">￥55.00</p>
<p><a href="#">删除</a></p></div>
</li>
</ul>
<div class="Shopping_style">
<div class="p-total">共<b>1</b>件商品 共计<strong>￥ 515.00</strong></div>
<a href="Shop_cart.html" title="去购物车结算" id="btn-payforgoods" class="Shopping">去购物车结算</a>
</div>
</div>
</div>
</div>
<!--菜单栏-->
<div class="Navigation" id="Navigation">
<ul class="Navigation_name">
<li><a href="Home.html">首页</a></li>
<li class="hour"><span class="bg_muen"></span><a href="#">半小时生活圈</a></li>
<li><a href="#">你身边的超市</a></li>
<li><a href="#">预售专区</a><em class="hot_icon"></em></li>
<li><a href="products_list.html">商城</a></li>
<li><a href="#">好评商户</a></li>
<li><a href="#">热销活动</a></li>
<li><a href="Brands.html">联系我们</a></li>
</ul>
</div>
<script>$("#Navigation").slide({titCell:".Navigation_name li",trigger:"click"});</script>
</div>
</head>
<!--广告幻灯片样式-->
<div id="slideBox" class="slideBox">
<div class="hd">
<ul class="smallUl"></ul>
</div>
<div class="bd">
<ul>
<li><a href="#" target="_blank"><div style="background:url(AD/ad-1.jpg) no-repeat; background-position:center; width:100%; height:450px;"></div></a></li>
<li><a href="#" target="_blank"><div style="background:url(AD/ad-2.jpg) no-repeat; background-position:center ; width:100%; height:450px;"></div></a></li>
<li><a href="#" target="_blank"><div style="background:url(AD/ad-3.jpg) no-repeat rgb(226, 155, 197); background-position:center; width:100%; height:475px;"></div></a></li>
<li><a href="#" target="_blank"><div style="background:url(AD/ad-7.jpg) no-repeat #f7ddea; background-position:center; width:100%; height:450px;"></div></a></li>
<li><a href="#" target="_blank"><div style="background:url(AD/ad-6.jpg) no-repeat #F60; background-position:center; width:100%; height:450px;"></div></a></li>
</ul>
</div>
<!-- 下面是前/后按钮-->
<a class="prev" href="javascript:void(0)"></a>
<a class="next" href="javascript:void(0)"></a>
</div>
<script type="text/javascript">
jQuery(".slideBox").slide({titCell:".hd ul",mainCell:".bd ul",autoPlay:true,autoPage:true});
</script>
</div>
<!--内容样式-->
<div id="mian">
<div class="clearfix marginbottom">
<!--产品分类样式-->
<div class="Menu_style" id="allSortOuterbox">
<div class="title_name"><em></em>所有商品分类</div>
<div class="content hd_allsort_out_box_new">
<ul class="Menu_list">
<li class="name">
<div class="Menu_name"><a href="product_list.html" >茶品类</a> <span><</span></div>
<div class="link_name">
<p>
<a href="Product_Detailed.html">茅台</a> |
<a href="#">五粮液</a> |
<a href="#">郎酒</a> |
<a href="#">剑南春</a>
<a href="Product_Detailed.html">茅台</a> |
<a href="#">五粮液</a> |
<a href="#">郎酒</a> |
<a href="#">剑南春</a>
</p>
</div>
<div class="menv_Detail">
<div class="cat_pannel clearfix">
<div class="hd_sort_list">
<dl class="clearfix" data-tpc="1">
<dt><a href="#">面膜<i>></i></a></dt>
<dd><a href="#">撕拉面膜</a><a href="#">面膜贴</a><a href="#">免洗面膜</a><a href="#">水洗面膜</a></dd>
</dl>
<dl class="clearfix" data-tpc="2">
<dt><a href="#">洁面<i>></i></a></dt>
<dd><a href="#">洁面摩丝</a><a href="#">洁面乳 </a><a href="#">洁面啫哩/胶</a><a href="#">面部去角质/磨砂</a><a href="#">洁面膏/霜</a><a href="#">洁肤皂</a></dd>
</dl>
<dl class="clearfix" data-tpc="3">
<dt><a href="#">化妆水<i>></i></a></dt>
<dd><a href="#"> 喷雾</a><a href="#"> 精华水</a><a href="#"> 柔肤水</a><a href="#">爽肤水</a><a href="#">收敛水/紧肤水</a></dd>
</dl>
<dl class="clearfix" data-tpc="4">
<dt><a href="#">眼部护理<i>></i></a></dt>
<dd><a href="#"> 眼膜</a><a href="#"> 眼部凝胶</a><a href="#">眼部精华</a><a href="#">眼霜</a></dd>
</dl>
<dl class="clearfix" data-tpc="4">
<dt><a href="#">眼部护理<i>></i></a></dt>
<dd><a href="#"> 眼膜</a><a href="#"> 眼部凝胶</a><a href="#">眼部精华</a><a href="#">眼霜</a></dd>
</dl>
<dl class="clearfix" data-tpc="4">
<dt><a href="#">防晒<i>></i></a></dt>
<dd><a href="#"> 眼膜</a><a href="#"> 眼部凝胶</a><a href="#">眼部精华</a><a href="#">眼霜</a></dd>
</dl>
<dl class="clearfix" data-tpc="4">
<dt><a href="#">唇部护理<i>></i></a></dt>
<dd><a href="#"> 眼膜</a><a href="#"> 眼部凝胶</a><a href="#">眼部精华</a><a href="#">眼霜</a></dd>
</dl> <dl class="clearfix" data-tpc="4">
<dt><a href="#">乳液/面霜<i>></i></a></dt>
web期末大作业-食品类电子商务网站整站HTML源码(36页)
版权申诉
5星 · 超过95%的资源 174 浏览量
2022-12-20
14:04:28
上传
评论 1
收藏 7.34MB ZIP 举报 
web期末大作业-食品类电子商务网站整站HTML源码(36页) （245个子文件） 
css.css 197KB style.css 56KB common.css 27KB style1.css 25KB user_style.css 25KB base.css 14KB _all.css 13KB layer.css 11KB laydate.css 6KB jquery-labelauty.css 5KB laydate.css 3KB laydate.css 3KB laydate.css 3KB supplie.css 3KB layer.ext.css 3KB green.css 1KB all.css 419B
bg.gif 61KB TB27.gif 33KB loader.gif 11KB loading-0.gif 6KB loading-2.gif 2KB help_m_jia.gif 1KB loading-1.gif 701B
index.html 35KB 产品-产品列表(预售).html 33KB 用户中心.html 30KB 产品-产品列表.html 27KB 产品-产品详情(预售).html 26KB 产品-产品详情.html 26KB 用户中心-我的订单.html 17KB 用户中心-我的收藏.html 17KB 订单专区.html 17KB 公共产品库.html 16KB 店铺首页.html 16KB 发货管理.html 14KB 用户中心-分销详细.html 13KB 我的分销.html 13KB 商品专区.html 13KB 用户中心-产品预订.html 13KB 用户中心-收货地址.html 12KB 用户中心-消费记录.html 12KB 店铺专区（添加店铺）.html 12KB 收款账号.html 12KB 商品专区-发布商品.html 12KB 用户中心-用户信息.html 11KB 店铺公告.html 11KB 商品专区-评价管理.html 11KB 用户中心-账户管理.html 10KB 我的报表.html 10KB 店铺专区.html 10KB 半小时圈主页.html 9KB 发布公告.html 9KB 消息中心.html 9KB 店铺公司资质.html 9KB 找回密码.html 8KB 发货管理-运费模板.html 5KB 注册.html 3KB 登录.html 3KB 分销管理-提现账单.html 2KB
ad-2.jpg 3.11MB 02.jpg 481KB cp.jpg 475KB 01.jpg 425KB 04.jpg 330KB 03.jpg 278KB pro-1.jpg 225KB ad-1.jpg 166KB 02_mid.jpg 144KB login-pic.jpg 139KB 01_mid.jpg 125KB 04_mid.jpg 107KB 03_mid.jpg 95KB p_032.jpg 76KB p_56.jpg 68KB p_23.jpg 57KB p_19.jpg 49KB logo.jpg 48KB p_29.jpg 47KB p_5.jpg 47KB p_21.jpg 47KB p_24.jpg 43KB p_55.jpg 35KB p_67.jpg 33KB p_6.jpg 32KB shop_logo.jpg 31KB 02_small.jpg 31KB 618.jpg 30KB p_65.jpg 30KB 01_small.jpg 30KB zfb.jpg 29KB p_37.jpg 28KB 03_small.jpg 28KB p_22.jpg 27KB p_68.jpg 26KB p_25.jpg 25KB p_1.jpg 25KB 04_small.jpg 23KB fo-logo.jpg 22KB p_45.jpg 22KB共 245 条
- 1
- 2
- 3
资源评论
weixin_516386162023-05-03非常有用的资源，有一定的参考价值，受益匪浅，值得下载。
