<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>小兔鲜儿-新鲜、惠民、快捷!</title>
<meta name="description" content="小兔鲜儿官网,致力于打造全球最大的食品、生鲜电商购物平台。">
<meta name="keywords" content="小兔鲜儿,食品,生鲜,服装,家电,电商,购物">
<!-- 引入网站图标 -->
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<!-- 引入初始化样式 -->
<link rel="stylesheet" href="./css/base.css">
<!-- 引入公共样式 -->
<link rel="stylesheet" href="./css/common.css">
<!-- 引入首页样式 -->
<link rel="stylesheet" href="./css/index.css">
<script src="./js/animate.js"></script>
<script src="./js/index.js"></script>
</head>
<body>
<!-- 头部开始 -->
<!-- 快捷导航栏开始 -->
<div class="shortcut sk">
<div class="w">
<ul>
<li><a href="javascript:;">请先登录</a></li>
<li class="sep">|</li>
<li><a href="javascript:;">免费注册</a></li>
<li class="sep">|</li>
<li><a href="javascript:;">我的订单</a></li>
<li class="sep">|</li>
<li><a href="javascript:;">会员中心</a></li>
<li class="sep">|</li>
<li><a href="javascript:;">帮助中心</a></li>
<li class="sep">|</li>
<li><a href="javascript:;">在线客服</a></li>
<li class="sep">|</li>
<li><a href="javascript:;">手机版</a></li>
</ul>
</div>
</div>
<!-- 快捷导航栏结束 -->
<!-- 主导航栏开始 -->
<div class="main_nav w">
<div class="logo">
<h1>
<a href="index.html" title="小兔鲜儿">小兔鲜儿</a>
</h1>
</div>
<nav class="nav">
<ul>
<li><a href="javascript:;">首页</a></li>
<li><a href="javascript:;">生鲜</a></li>
<li><a href="javascript:;">美食</a></li>
<li><a href="javascript:;">餐厨</a></li>
<li><a href="javascript:;">电器</a></li>
<li><a href="javascript:;">居家</a></li>
<li><a href="javascript:;">洗护</a></li>
<li><a href="javascript:;">孕婴</a></li>
<li><a href="javascript:;">服装</a></li>
</ul>
</nav>
<div class="search">
<input type="search" placeholder="搜一搜">
</div>
<a href="javascript:;">
<div class="car">
<span>2</span>
</div>
</a>
</div>
<!-- 主导航栏结束 -->
<!-- 头部结束 -->
<!-- 首页主体模块开始 -->
<section class="section">
<div class="w">
<div class="focus">
<ul class="carousel">
<li>
<a href="javascript:;">
<img src="./uploads/banner_1.png" alt="">
</a>
</li>
<li>
<a href="javascript:;">
<img src="images/focus2.jpg" alt="">
</a>
</li>
<li>
<a href="javascript:;">
<img src="images/focus3.jpg" alt="">
</a>
</li>
<li>
<a href="javascript:;">
<img src="images/focus4.jpg" alt="">
</a>
</li>
<li>
<a href="javascript:;">
<img src="images/focus5.jpg" alt="">
</a>
</li>
<li>
<a href="javascript:;">
<img src="images/focus6.jpg" alt="">
</a>
</li>
</ul>
<!-- 左侧按钮 -->
<a href="javascript:;" class="prve"></a>
<!-- 右侧按钮 -->
<a href="javascript:;" class="next"></a>
<!-- 小圆点 -->
<ul class="dots">
</ul>
</div>
<aside class="aside">
<ul>
<li>
生鲜
<a href="Javascript:;">水果</a>
<a href="Javascript:;">蔬菜</a>
</li>
<li>
美食
<a href="Javascript:;">面点</a>
<a href="Javascript:;">干果</a>
</li>
<li>
餐厨
<a href="Javascript:;">数码产品</a>
</li>
<li>
电器
<a href="Javascript:;">床品 </a>
<a href="Javascript:;">四件套</a>
<a href="Javascript:;">被枕</a>
</li>
<li>
居家
<a href="Javascript:;">奶粉</a>
<a href="Javascript:;">玩具</a>
<a href="Javascript:;">辅食</a>
</li>
<li>
洗护
<a href="Javascript:;">洗发</a>
<a href="Javascript:;">洗护</a>
<a href="Javascript:;">美妆</a>
</li>
<li>
孕婴
<a href="Javascript:;">奶粉</a>
<a href="Javascript:;">玩具</a>
</li>
<li>
服饰
<a href="Javascript:;">女装</a>
<a href="Javascript:;">男装</a>
</li>
<li>
杂货
<a href="Javascript:;">户外</a>
<a href="Javascript:;">图书</a>
</li>
<li>
品牌
<a href="Javascript:;">品牌制造</a>
</li>
</ul>
</aside>
</div>
</section>
<!-- 首页主体模块结束 -->
<div class="recomment w">
<div class="recomment_today">
<i>小兔鲜秒杀</i>
<em class="ems">10:00点场 距结束</em>
<span class="hour">12</span><em>:</em>
<span class="minute">20</span><em>:</em>
<span class="second">03</span>
</div>
<div class="commodity">
<ul>
<li><a href="#"><img src="./uploads/comondity1.png" alt=""></a></li>
<li><a href="#"><img src="./uploads/comondity2.png" alt=""></a></li>
<li><a href="#"><img src="./uploads/comondity3.png" alt=""></a></li>
<li><a href="#"><img src="./uploads/comondity4.png" alt=""></a></li>
</ul>
</div>
</div>
<script>
// 倒计时特效
(function () {
// 封装一个随机颜色函数
function getRandomColor(flag = true) {
if (flag) {
let str = '#'
没有合适的资源?快使用搜索试试~ 我知道了~
小兔鲜项目源码(动态网页,包含首页、注册页、登录页、购物页)原生HTML、CSS、Javascript

共231个文件
jpg:80个
png:15个
sample:12个

需积分: 0 961 浏览量
2023-04-03
12:39:11
上传
评论 4
收藏 29.83MB ZIP 举报
温馨提示
适用于学完HTML和CSS或学完原生三件套的小伙伴,来进行一次综合大练习,进一步巩固所学知识。
资源推荐
资源详情
资源评论





收起资源包目录





































































































共 231 条
- 1
- 2
- 3
资源评论


东方青云、
- 粉丝: 830
- 资源: 11
上传资源 快速赚钱
我的内容管理 展开
我的资源 快来上传第一个资源
我的收益
登录查看自己的收益我的积分 登录查看自己的积分
我的C币 登录后查看C币余额
我的收藏
我的下载
下载帮助


安全验证
文档复制为VIP权益,开通VIP直接复制
