<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>【孤街酒客】-二手书籍交易平台</title>
<!-- 网站说明 -->
<meta name="description" content="孤街酒客：二手书籍交易平台，汇集了包括各种类别的二手书籍" />
<!-- 引入facicon.ico网页图标 -->
<link rel="shortcut icon" href="images/favicon.ico" />
<!-- 引入css 初始化的css 文件 -->
<link rel="stylesheet" href="css/base.css">
<!-- 引入公共样式的css 文件 -->
<link rel="stylesheet" href="css/common.css">
<!-- 引入 首页的css文件 -->
<link rel="stylesheet" href="css/index.css">
<!-- 动画效果文件animate.js 必须写到 index.js的上面引入 -->
<script src="js/animate.js"></script>
<!-- 引入我们首页的js文件 -->
<script src="js/index.js"></script>
</head>
<body>
<!-- 顶部快捷导航模块 start -->
<div class="shortcut">
<div class="w">
<div class="fl">
<ul>
<li>
<a href="./html/logo.html">请登录</a>
<a href="./html/register.html" class="style_blue">免费注册</a>
</li>
</ul>
</div>
<div class="fr">
<ul>
<li><a href="./html/gwc.html">我的订单</a></li>
<li class="spacer"></li>
<li><a href="./html/my.html">个人中心</a></li>
<li class="spacer"></li>
<li>
<a href="#">今日推荐 </a>
</li>
<li class="spacer"></li>
<li>
<a href="#">客户服务 <i class="icomoon"></i></a> <!-- icomoon 是↓的样式类 -->
</li>
<li class="spacer"></li>
<li>
<a href="#">网站导航 <i class="icomoon"></i></a>
</li>
</ul>
</div>
</div>
</div>
<!-- header头部模块制作 start-->
<header class="header w">
<div class="logo">
<h1>
<a href="index.html" title="【孤街酒客】-二手书籍交易平台">【孤街酒客】-二手书籍交易平台</a>
</h1>
</div>
<!-- search搜索模块 start -->
<div class="search">
<input type="search" name="" id="search" placeholder="请输入搜索内容...">
<button>搜索</button>
</div>
<!-- hotwords模块制作 -->
<div class="hotwords">
<i class="style_red">热搜：</i>
<a href="#">java</a>
<a href="#">计算机</a>
<a href="#">软件开发</a>
<a href="#">开发</a>
<a href="#">考研</a>
<a href="#">CET4/6</a>
</div>
<!-- 购物车模块 -->
<a href="./html/gwc.html" class="shopcar">
我的购物车
<i class="count">10+</i>
</a>
</header>
<!-- nav导航模块制作 start -->
<nav class="nav">
<div class="w">
<!-- dropdown下拉菜单 -->
<div class="dropdown fl">
<div class="dt"> 全部 图书分类 </div>
<div class="dd">
<ul>
<li class="menu_item"><a href="#">参考用书</a></li>
<li class="menu_item"><a href="#">金融投资</a></li>
<li class="menu_item"><a href="#">计算机与网络、编程语言</a></li>
<li class="menu_item"><a href="#">食品安全</a></li>
<li class="menu_item"><a href="#">历史科学</a></li>
<li class="menu_item"><a href="#">体育健康</a></li>
<li class="menu_item"><a href="#">高中工具书</a></li>
<li class="menu_item"><a href="#">初高中用书</a></li>
<li class="menu_item"><a href="#">参考用书</a></li>
<li class="menu_item"><a href="#">金融投资</a></li>
<li class="menu_item"><a href="#">计算机与网络、编程语言</a></li>
<li class="menu_item"><a href="#">食品安全</a></li>
<li class="menu_item"><a href="#">历史科学</a></li>
<li class="menu_item"><a href="#">计算机与网络、编程语言</a></li>
</ul>
</div>
</div>
<!-- 导航栏 -->
<div class="navitems fl">
<ul>
<li><a href="index.html">网站首页</a></li>
<li><a href="html/list.html">商品展示页</a></li>
<li><a href="./html/pj.html">商品评价页</a></li>
<li><a href="./html/gwc.html">我的购物车</a></li>
<li><a href="./html/logo.html">登录页面</a></li>
<li><a href="./html/register.html">注册页面</a></li>
<li><a href="./html/my.html">我的信息</a></li>
</ul>
</div>
</div>
</nav>
<!-- 首页专有 main主体模块制作 start -->
<div class="w">
<div class="main">
<!-- focus焦点图模块 -->
<div class="focus fl">
<!-- 左侧按钮 < -->
<a href="javascript:;" class="arrow-l">
<
</a>
<!-- 右侧按钮 > -->
<a href="javascript:;" class="arrow-r">
>
</a>
<!-- 核心的滚动区域 banenr -->
<ul>
<li>
<a href="./html/list.html"><img src="images/banner-gdust.png" alt=""></a>
</li>
<li>
<a href="./html/list.html"><img src="images/banner-2.jpg" alt=""></a>
</li>
<li>
<a href="./html/list.html"><img src="images/banner3.jpg" alt=""></a>
</li>
</ul>
<!-- 左下角的小圆圈 -->
<ol class="circle">
</ol>
</div>
<!-- 公告与服务模块 -->
<div class="newsflash fr">
<!-- 公告模块 -->
<div class="news">
<div class="news-hd">
<h5>公告动态</h5>
<a href="#">更多</a>
</div>
<div class="news-bd">
<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>
</div>
<!-- 公告模块2 -->
<div class="news" style="margin-top: 15px;">
<div class="news-hd" >
<h5>最新资讯</h5>
<a href="#">更多</a>
</div>
<div class="news-bd">
<ul>
<li><a href="#">【售后】投诉建议电话开通中!!!!</a></li>
<li><a href="#">【包邮】全网速达！！！！</a></li>
<li><a href="#">【长期】长期回收大学各科教科书、辅导书。</a></li>
前端页面二手书籍交易平台-源代码
5星 · 超过95%的资源 需积分: 0 55 浏览量
2023-01-10
22:45:40
上传
评论 6
收藏 1.65MB ZIP 举报 
酒客小屋-二手交易平台.zip （72个子文件） 
酒客小屋-二手交易平台 js 
animate.js 1KB index.js 8KB gwc.js 6KB jquery-3.5.1.min.js 87KB css my.css 4KB common.css 5KB list.css 2KB register.css 2KB gwc.css 4KB base.css 1KB index.css 4KB pj.css 3KB html 
register.html 3KB my.html 11KB pj.html 16KB list.html 16KB gwc.html 3KB logo.html 3KB index.html 23KB images gwc 
book3.jpg 43KB book6.jpg 43KB book1.jpg 39KB book4.jpg 39KB book2.jpg 62KB book5.jpg 62KB inner.jpg 6KB
recom.png 3KB bzzx.jpg 99KB success.png 2KB gwclogo.png 66KB banner-2.jpg 45KB error.png 2KB fixed_7.jpg 2KB fixed_6.jpg 2KB ch.png 1KB book java.jpg 39KB vue.png 59KB rjgc.jpg 43KB qianduan.jpg 62KB fixed_8.jpg 2KB fixed_3.jpg 2KB logo.png 3KB banner3.jpg 85KB fixed_5.jpg 2KB clock.png 4KB sk.png 2KB fixed4.jpg 2KB fixed1.jpg 2KB peo1.jpg 1KB fixed8.jpg 1KB fixed6.jpg 2KB favicon.ico 157KB arrow-prev.png 1KB banner-gdust.png 765KB j_car.png 4KB jian.jpg 1KB arrow-next.png 1KB
s_line.gif 55B icons.png 37KB tx.jpg 12KB fixed5.jpg 2KB fixed_1.jpg 2KB peo2.jpg 1KB btn_jud.gif 901B peo4.jpg 1KB fixed_2.jpg 2KB peo3.jpg 1KB fixed_4.jpg 2KB fonts icomoon.woff 5KB
icomoon.svg 12KB icomoon.eot 5KB icomoon.ttf 5KB资源评论
unchainc2023-06-06#完美解决问题 #运行顺畅 #内容详尽 Detail_孤街酒客2024-04-22嗯嗯
