web期末大作业基于HTML+CSS+JavaScript实现的生活用品购物商城网站源码(20页)

共108个文件

jpg：53个

html：21个

gif：16个

版权申诉

html

JavaScript

web网页

5星 · 超过95%的资源 19 浏览量 2022-12-10 22:01:09 上传评论 2 收藏 2.05MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

web期末大作业基于HTML+CSS+JavaScript实现的生活用品购物商城网站源码(20页) （108个子文件）

css.css 19KB

11.gif 112KB

10.gif 100KB

yin7.gif 5KB

yin2.gif 5KB

yin6.gif 5KB

yin9.gif 5KB

yin8.gif 5KB

yin5.gif 5KB

yin3.gif 4KB

yin4.gif 4KB

yin10.gif 4KB

yin1.gif 4KB

loading.gif 2KB

picshopArr.gif 491B

backtop.gif 447B

scrollPicbg.gif 190B

index.html 46KB

order2.html 17KB

proinfo.html 16KB

contact.html 14KB

product.html 13KB

vipAdress.html 12KB

vipOrder.html 11KB

vipMy.html 11KB

vip.html 11KB

help.html 11KB

vipTuihuo.html 11KB

vipExit.html 11KB

about.html 10KB

orderDetails.html 10KB

order.html 10KB

vipPwd.html 10KB

message.html 10KB

success.html 8KB

reg.html 2KB

biaoge.html 1KB

03.jpg 581KB

05.jpg 116KB

08.jpg 103KB

ban4.jpg 88KB

ban1.jpg 82KB

02.jpg 81KB

ban5.jpg 79KB

ban3.jpg 76KB

01.jpg 75KB

04.jpg 63KB

07.jpg 56KB

logoinimg.jpg 48KB

09.jpg 48KB

ban2.jpg 43KB

06.jpg 37KB

chengnuo.jpg 31KB

hengfu2.jpg 26KB

hengfu1.jpg 25KB

zhifubao.jpg 16KB

rdRight.jpg 15KB

car2.jpg 15KB

caifutong.jpg 14KB

car1.jpg 14KB

loginLogo.jpg 13KB

flListimg.jpg 12KB

mychunlv.jpg 10KB

fangyuan_s.jpg 9KB

fangyuan.jpg 8KB

zuojian2_s.jpg 8KB

rdPro4.jpg 5KB

pro1.jpg 5KB

yanzheng.jpg 5KB

rdPro1.jpg 5KB

rdPro2.jpg 4KB

queren.jpg 3KB

rdPro3.jpg 3KB

reg.jpg 3KB

rdPro5.jpg 3KB

sub.jpg 3KB

telBack.jpg 2KB

loginLeft.jpg 2KB

help3.jpg 1KB

help1.jpg 1KB

jia.jpg 1014B

lajio.jpg 1010B

help5.jpg 1001B

help2.jpg 986B

help4.jpg 978B

jian.jpg 884B

i4.jpg 692B

zuojian3.jpg 668B

zuojian2.jpg 659B

youjian.jpg 654B

jquery.js 91KB

MagicZoom.js 23KB

js.js 10KB

ShopShow.js 4KB

logo.png 6KB

duihao.png 2KB

subimg.png 857B

zhifu.png 347B

goumai.png 333B

共 108 条

<!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>17商城</title> <link type="text/css" href="css/css.css" rel="stylesheet" /> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/js.js"></script> <script src="http://tjs.sjs.sinajs.cn/open/api/js/wb.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript"> $(function() { $("#kinMaxShow").kinMaxShow(); }); </script> </head> <body> <div class="mianCont"> <div class="top"> <span>您好！欢迎来到17商城请 <a href="login.html">[登录]</a> <a href="reg.html">[注册]</a></span> <span class="topRight"> <a href="vip.html">我的17</a> | <a href="order.html">我的订单</a> | <a href="login.html">会员中心</a> | <a href="contact.html">联系我们</a> </span> </div>  <div class="lsg"> <h1 class="logo"><a href="index.html"><img src="images/logo.png" width="217" height="90" /></a></h1> <form action="#" method="get" class="subBox"> <div class="subBoxDiv"> <input type="text" class="subLeft" /> <input type="image" src="images/subimg.png" width="63" height="34" class="sub" /> <div class="hotWord"> 热门搜索： <a href="proinfo.html">冷饮杯</a>  <a href="proinfo.html">热饮杯</a>   <a href="proinfo.html">纸杯</a>  <a href="proinfo.html">纸巾</a>   <a href="proinfo.html">纸巾</a>   <a href="proinfo.html">纸杯</a>  </div>  </div>  </form>  <div class="gouwuche"> <div class="gouCar"> <img src="images/gouimg.png" width="19" height="20" style="position:relative;top:6px;" /> |  <strong class="red">0</strong> 件 | <strong class="red">￥ 0.00</strong> <a href="order.html">去结算</a> <img src="images/youjian.jpg" width="5" height="8" /> </div>  <div class="myChunlv"> <a href="vip.html"><img src="images/mychunlv.jpg" width="112" height="34" /></a> </div>  </div>  </div>  <div class="pnt"> <div class="pntLeft"> <h2 class="Title">所有商品分类</h2> <ul class="InPorNav"> <li><a href="product.html">纸杯系列</a> <div class="chilInPorNav"> <a href="#">单层热饮杯</a> <a href="#">双层中空杯</a> <a href="#">瓦楞隔热杯</a> <a href="#">双淋膜冷饮杯</a> <a href="#">爆米花桶</a> <a href="#">纸碗</a> <a href="#">冰淇淋纸杯</a> <a href="#">PS杯盖</a> </div>  </li> <li><a href="product.html">PET系列</a> <div class="chilInPorNav"> <a href="#">PET透明杯</a> <a href="#">PET透明盖</a> <a href="#">PET透明沙拉盒</a> </div>  </li> <li><a href="product.html">饮品杯配套系列</a> <div class="chilInPorNav"> <a href="#">杯袖</a> <a href="#">环保纸浆杯托</a> <a href="#">纸杯打包袋</a> <a href="#">吸管</a> <a href="#">搅拌棒</a> <a href="#">杯盖</a> </div>  </li> <li><a href="product.html">纸浆环保餐具系列</a> <div class="chilInPorNav"> <a href="#">纸碟</a> <a href="#">纸碗</a> <a href="#">纸浆带盖汤碗</a> <a href="#">连体餐盒</a> <a href="#">分体餐盒</a> <a href="#">纸浆沙拉盒</a> <a href="#">纸托盘</a> </div>  </li> <li><a href="product.html">纸餐盒系列</a> <div class="chilInPorNav"> <a href="#">圆底纸餐盒</a> <a href="#">方底纸餐盒</a> <a href="#">三明治纸盒</a> <a href="#">蛋糕盒</a> <a href="#">其他纸餐盒</a> </div>  </li> <li><a href="product.html">刀叉勺餐具</a> <div class="chilInPorNav"> <a href="#">PS刀叉勺系列</a> <a href="#">PLA刀叉勺系列</a> <a href="#">淀粉刀叉勺系列</a> <a href="#">搅拌棒/吸管</a> </div>  </li> <li><a href="product.html">生活用纸</a> <div class="chilInPorNav"> <a href="#">餐巾纸</a> <a href="#">抽纸</a> <a href="#">卫生纸</a> <a href="#">擦手纸</a> <a href="#">其他纸类</a> </div>  </li> <li><a href="product.html">纸袋/环保打包袋</a> <div class="chilInPorNav"> <a href="#">纸袋</a> <a href="#">环保淀粉塑料袋</a> <a href="#">PLA塑料袋</a> <a href="#">食品袋</a> </div>  </li> </ul>  </div>  <div class="pntRight"> <ul class="nav"> <li class="navCur"><a href="index.html">商城首页</a></li> <li><a href="product.html">促销中心</a></li> <li><a href="login.html">会员中心</a></li> <li><a href="help.html">帮助中心</a></li> <div class="clears"></div> <div class="phone">TEL：021-12345678</div> </ul>  <div class="banner"> <div id="kinMaxShow"> <div> <a href="#"><img src="images/ban1.jpg" height="360" /></a> </div> <div> <a href="#"><img src="images/ban2.jpg" height="360" /></a> </div> <div> <a href="#"><img src="images/ban3.jpg" height="360" /></a> </div> <div> <a href="#"><img src="images/ban4.jpg" height="360" /></a> </div> <div> <a href="#"><img src="images/ban5.jpg" height="360" /></a> </div> </div>  </div>  </div>  <div class="clears"></div> </div>  <div class="rdPro"> <div class="rdLeft"> <ul class="rdList"> <li>推荐产品</li> <li>促销产品</li> <div class="clears"></div> </ul>  <div class="rdProBox"> <dl> <dt><a href="proinfo.html"><img src="images/rdPro1.jpg" width="132" height="129" /></a></dt> <dd>妙洁一次性纸杯 8盎司228ml 100只/袋 20袋/箱</dd> <dd class="cheng">￥19.80/袋</dd> </dl> <dl> <dt><a href="proinfo.html"><img src="images/rdPro2.jpg" width="132" height="129" /></a></dt> <dd>妙洁一次性纸杯 8盎司228ml 100只/袋 20袋/箱</dd> <dd class="cheng">￥19.80/袋</dd> </dl> <dl> <dt><a href="proinfo.html"><img src="images/rdPro3.jpg" width="132" height="129" /></a></dt> <dd>妙洁一次性纸杯 8盎司228ml 100只/袋 20袋/箱</dd> <dd class="cheng">￥19.80/袋</dd> </dl> <dl> <dt><a href="proinfo.html"><img src="images/rdPro4.jpg" width="132" height="129" /></a></dt> <dd>妙洁一次性纸杯 8盎司228ml 100只/袋 20袋/箱</dd> <dd class="cheng">￥19.80/袋</dd> </dl> <dl> <dt><a href="proinfo.html"><img src="images/rdPro5.jpg" width="132" height="129" /></a></dt> <dd>妙洁一次性纸杯 8盎司22

评论收藏

内容反馈

版权申诉