<!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=gb2312" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>优爱购-电商购物特价分享平台</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/script.js"></script>
</head>
<body >
<!--登录注册板块-->
<div id="login-hide">
<!-- 登录窗口-->
<div class="window noselect">
<div class="pew">
登录优爱购账号
<a href="" id="loginClos">×</a>
</div>
<div class="container">
<span class="login-fong"> 账号</span>
<input type="text" class="login-input"/>
<span class="login-fong"> 密码</span>
<input type="password" class="login-input"/>
<input type="button" value="登录" id="login-button"/>
</div>
</div>
<!-- 登录窗口end-->
</div>
<!--登录注册板块-->
<!--固定搜索框-->
<div id="top-fixed">
<img src="img/logo2.png" style=" display:block; float:left;margin:0 50px;"/>
<div id="top-fixed-seach">
<input name="" type="text" value="" id="top-fixed-text"/><!--搜索框-->
<input name="" type="button" value="搜索" id="top-fixed-button"/><!--搜索按钮-->
</div>
</div>
<!--固定搜索框end-->
<!--右侧固定板块-->
<div id="right-fixed">
<div id="right-fixed-kefu" class="right-fixed-div">
</div>
<div id="right-fixed-phone" class="right-fixed-div">
<div id="right-fixed-phone-a"><a href="#">联系方式</a>
<div id="right-fixed-phone-hidd">
<ul>
<li><span style="color:#FF3300">QQ：</span>2731844959</li>
<li><span style="color:#FF3300">微信：</span>zzxingyun</li>
<li><span style="color:#FF3300">邮箱：</span>panya@qq.com</li>
</ul>
</div>
</div>
</div>
<div id="right-fixed-app" class="right-fixed-div">
<div id="right-fixed-app-a"><a href="#">手机访问</a>
<div id="right-fixed-app-hidd">
<img src="img/ewm-img.png" style="display:block;margin:15px auto;" width="100px" height="100px"/>
<span style="display:block;font-size:14px;line-height:10px;text-align:center;">扫一扫查看手机版</span>
</div>
</div>
</div>
<div id="right-fixed-wx" class="right-fixed-div">
<div id="right-fixed-wx-a"><a href="#">我的微信</a>
<div id="right-fixed-wx-hidd">
<img src="img/mywx.png" style="display:block;margin:15px auto;" width="120px" height="120px"/>
<span style="display:block;font-size:14px;line-height:10px;text-align:center;">微信扫一下</span>
</div>
</div>
</div>
<div id="right-fixed-backtop" class="right-fixed-div">
<div id="right-fixed-backtop-a"><a href="#">返回顶部</a></div>
</div>
</div>
<!--右侧固定板块end-->
<!--左侧固定板块-->
<div id="left-fixed">
<ul id="left-fixed-ul">
<li class="left-fixed-fond">
<a href="#1F"><span></span><font>1F</font></a>
</li>
<li>
<a href="#2F"><span></span><font>2F</font></a>
</li>
<li>
<a href="#3F"><span></span><font>3F</font></a>
</li>
<li>
<a href="#4F"><span></span><font>4F</font></a>
</li>
<li>
<a href="#5F"><span></span><font>5F</font></a>
</li>
<li>
<a href="#6F"><span></span><font>6F</font></a>
</li>
<li >
<a href="#7F"><span></span><font>7F</font></a>
</li>
</ul>
</div>
<!--左侧固定板块-->
<!--顶部登录开始-->
<div id="anli">
<ul id="login">
<li><a href="#" style="color:#F44B3B" class="login-pass">亲，请登录</a></li>
<li><a href="#" class="login-pass">免费注册</a></li>
<li><a href="#">手机购物</a></li>
</ul>
<ul id="caidan">
<li><a href="#">优爱购首页</a></li>
<li id="wdig">
<a href="#">我的爱购<span style="color:#F44B3B"> ∨</span></a>
<div class="anlierji" id="wdigerji">
<ul>
<li><a href="#">已买到的宝贝</a></li>
<li><a href="#">我的足迹</a></li>
<li><a href="#">我的发现</a></li>
<li><a href="#">精品街</a></li>
<li><a href="#">爱购达人</a></li>
</ul>
</div>
</li>
<li><a href="#">购物车<span style="color:#F44B3B">0 ∨</span></a></li>
<li><a href="#"><span style="color:#F44B3B">❤</span> 收藏夹</a></li>
<li><a href="#">商品分类</a></li>
<li><a href="#">商家中心</a></li>
<li><a href="#">联系客服</a></li>
<li style="width:75px;" id="wzdh">
<a href="#">
<span style="color:#F44B3B;font-weight: bold;">≡</span> 网站导航<span style="color:#F44B3B"> ∨</span>
</a>
<!--网站导航下拉框-->
<div id="wzdh-erji">
<!--下拉左侧-->
<div id="wzdh-01" class="wzdh-er" style="border:none" >
<div id="wzdh-01-dt" class="wzdh-dt" style="color:#FF6600">主题市场</div>
<div id="wzdh-01-dd" class="wzdh-dd">
<a href="#">女装</a>
<a href="#">男装</a>
<a href="#">鞋靴</a>
<a href="#">箱包</a>
<a href="#">婴童</a>
<a href="#">美妆</a>
<a href="#">食品</a>
<a href="#">珠宝</a>
<a href="#">装修</a>
<a href="#">建材</a>
<a href="#">家居</a>
<a href="#">百货</a>
<a href="#">汽车</a>
<a href="#">数码</a>
<a href="#">家电</a>
<a href="#">游戏</a>
<a href="#">生活</a>
<a href="#">学习</a>
<a href="#">房产</a>
<a href="#">结婚</a>
<a href="#">运动</a>
<a href="#">户外</a>
<a href="#">娱乐</a>
<a href="#">花鸟</a>
</div>
<img src="img/img9-15.gif" style="position:absolute;top:50px;left:45px"/>
<img src="img/img9-14.gif" style="position:absolute;top:87px;left:210px"/>
<img src="img/img9-15.gif" style="position:absolute;top:197px;left:154px"/>
</div>
<!--下拉左侧end-->
<!--下拉中间01-->
<div id="wzdh-02" class="wzdh-er">
<div id="wzdh-02-dt" class="wzdh-dt" style="color:#666600">特色购物</div>
<div id="wzdh-02-dd" class="wzdh-dd">
<a href="#">女人</a> <a href="#">男人</a> <a href="#">中老年</a>
<a href="#">跳蚤</a> <a href="#">拍卖</a> <a href="#">全球购</a>
<a href="#">采购</a> <a href="#">众筹</a> <a href="#">精品街</a>
<a href="#">工业</a> <a href="#">模特</a> <a href="#">潮电街</a>
<a href="#">特价</a> <a href="#">试用</a> <a href="#">大清仓</a>
<a href="#">拍卖</a> <a href="#">红包</a> <a href="#">桃花运</a>
<a href="#">逼格</a> <a href="#">抢新</a> <a href="#">本地团</a>
</div>
</div>
<!--下拉中间01end-->
<!--下拉中间02-->
<div id="wzdh-03" class="wzdh-er" style="position:relative">
<div id="wzdh-03-dt" class="wzdh-dt" style="color:#660099">当前热点</div>
<div id="wzdh-03-dd" class="wzdh-dd">
<a href="#">天天中奖</a> <a href="#">新鲜土货</a> <a href="#">美丽裙装</a>
<a href="#">美白修复</a> <a href="#">热卖单鞋</a> <a href="#">智能数码</a>
<a href="#">海外精品</a> <a href="#">特价旅行</a> <a href="#">宝贝最爱</a>
<a href="#">宅品精选</a> <a href="#">新房装修</a> <a href="#">宝贝计划</a>
<a href="#">女装上新</a> <a href="#">全球美食</a> <a href="#">求职招聘</a>
<a href="#">本地服务</a> <a href="#">在线培训</a>
</div>
<img src="img/img9-15.gif" style="position:absolute;top:73px;left:65px"/>
<img src="img/img9-14.gif" style="position:absolute;top:109px;left:215px"/>
</div>
<!--下拉中间02end-->
<!--下拉中间-->
<div id="wzdh-04" class="wzdh-er" style="position:relative">
<div id="wzdh-04-dt" class="wzdh-dt" style="color:#006699;">更多精彩</div>
<div id="wzdh-04-dd" class="wzdh-dd">
<a href="#">闲聊论坛</a> <a href="#">手机钱包</a> <a href="#">美食外卖</a>
<a href="#">买房租房</a> <a href="#">大众点评</a> <a href="#">跨境进口</a>
<a href="#">限时限量</a> <a href="#">投资理财</a> <a href="#">大牌捡宝</a>
<a href="#"
web期末大作业 基于HTML+CSS+JavaScript实现的精美电商购物网站首页源码
版权申诉
5星 · 超过95%的资源 62 浏览量
2022-12-11
00:04:29
上传
评论 6
收藏 5.03MB ZIP 举报 
web期末大作业 基于HTML+CSS+JavaScript实现的精美电商购物网站首页源码 （111个子文件） 
jquery.mobile-1.4.5.css 239KB style.css 23KB
logo.gif 56KB img9-14.gif 225B img9-15.gif 221B
index.html 82KB
cpbody-mmbb-06.jpg 116KB cpbody-mlnr-06.jpg 107KB cpbody-ssxs-04.jpg 106KB top-banner.jpg 101KB cpbody-mlnr-02.jpg 100KB cpbody-mmbb-04.jpg 99KB cpbody-ssxs-03.jpg 94KB cpbody-ssjj-03.jpg 92KB cpbody-mlnr-01.jpg 90KB cpbody-mmbb-05.jpg 88KB lb-01.jpg 86KB cpbody-ssxs-01.jpg 85KB banner-c-06.jpg 85KB cpbody-ssjj-02.jpg 84KB lb-06.jpg 82KB cpbody-ssjj-01.jpg 81KB cpbody-mmbb-03.jpg 81KB lb-08.jpg 80KB cpbody-ssxs-06.jpg 80KB banner-c-08.jpg 78KB cpbody-banner-06.jpg 76KB lb-09.jpg 75KB banner-c-03.jpg 75KB cpbody-banner-03.jpg 75KB cpbody-chsj-04.jpg 72KB cpbody-ssjj-06.jpg 71KB cpbody-mlnr-05.jpg 70KB cpbody-chsj-03.jpg 69KB cpbody-ssjj-04.jpg 69KB lb-03.jpg 67KB cpbody-chsj-06.jpg 66KB cpbody-mmbb-01.jpg 66KB cpbody-ffmz-04.jpg 65KB cpbody-chsj-01.jpg 63KB cpbody-ssjj-05.jpg 60KB cpbody-chsj-05.jpg 59KB lb-04.jpg 57KB cpbody-ssxs-05.jpg 55KB lb-02.jpg 54KB lb-05.jpg 54KB cpbody-ffmz-01.jpg 53KB cpbody-chsj-02.jpg 53KB cpbody-mmbb-02.jpg 49KB cpbody-banner-02.jpg 48KB cpbody-banner-07.jpg 47KB cpbody-banner-04.jpg 45KB cpbody-ffmz-05.jpg 44KB cpbody-banner-05.jpg 44KB banner-c-04.jpg 44KB cpbody-mlnr-04.jpg 42KB banner-c-07.jpg 42KB cpbody-ffmz-03.jpg 42KB cpbody-ssxs-02.jpg 42KB cpbody-ffmz-02.jpg 41KB banner-c-05.jpg 40KB cpbody-mlnr-03.jpg 40KB cpbody-ffmz-06.jpg 39KB cpbody-smjd-04.jpg 39KB cpbody-smjd-01.jpg 36KB cpbody-smjd-06.jpg 32KB cpbody-smjd-03.jpg 28KB cpbody-smjd-02.jpg 25KB cpbody-banner-01.jpg 23KB lb-right-img03.jpg 22KB banner01.jpg 22KB cpbody-smjd-05.jpg 20KB lb-right-img22.jpg 8KB iconbg.jpg 6KB jquery.mobile-1.4.5.js 455KB jquery.js 84KB script.js 13KB
banner-c-02.png 87KB banner-c-01.png 77KB cpbody-smjd-left.png 61KB cpbody-mlnr-left.png 60KB cpbody-ssxs-left.png 58KB lb-bottom-left-f-img.png 48KB cpbody-ssjj-left.png 42KB cpbody-mmbb-left.png 39KB cpbody-ffmz-left.png 38KB cpbody-chsj-left.png 37KB lb-right-img02.png 36KB lb-right-img20.png 23KB lb-right-img01.png 21KB lb-right-img21.png 20KB mywx.png 18KB footer_vip.png 11KB lb-right-img10.png 10KB lb-right-img13.png 8KB logo2.png 8KB djgm-img.png 8KB lb-right-img11.png 6KB lb-right-img15.png 6KB lb-right-img12.png 6KB共 111 条
- 1
- 2
柯晓楠
- 粉丝: 2w+
- 资源: 2647
下载权益
C知道特权
VIP文章
课程特权
VIP享7折，此内容立减3.57元 开通VIP
- 1
- 2
前往页