<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>小米首页</title>
<link rel="stylesheet" href="css/index.css">
<script src="js/jquery.1.11.1.min.js"></script>
<style>
</style>
</head>
<body>
<div class="box">
<div class="inner whiteGL">
<div class="left">
<a class="mix" href="">仿小米商城-学习专用</a>
</div>
<div class="right">
<a class="mix" href="login.html">登录</a>
<a href="register.html">注册</a>
<a class="max" href="">消息通知</a>
<a href="trolley.html"><img src="img/cart.jpg" alt=""></a>
</div>
</div>
</div>
<div class="logo">
<div class="logo_left">
<div>
<a href="javascript:void(0);" title="小米官网"><img class="xiaomi" src="img/logo.jpg"></a>
</div>
</div>
<ul class="logo_center orangeGL">
<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>
</ul>
<formv class="logo_right">
<div class="logo_input"><input type="text">
<div class="logo_input_div">
<a class="logo_input_a" href="">小米5 新品</a>
<a class="logo_input_a" href="">小米Note 3</a>
</div>
</div>
<a class="logo_right_a"><img src="img/find.jpg"></a>
<!--<a href="">红米5新品</a>-->
<!--<a href="">小米Noto 3</a>-->
</formv>
</div>
<div class="scroll">
<ul>
<li><a href="plus5.html"><img src="img/scroll_01.jpg" alt=""></a></li>
<li><a href="plus5.html"><img src="img/scroll_02.jpg" alt=""></a></li>
<li><a href="plus5.html"><img src="img/scroll_03.jpg" alt=""></a></li>
<li><a href="plus5.html"><img src="img/scroll_04.jpg" alt=""></a></li>
<li><a href="plus5.html"><img src="img/scroll_05.jpg" alt=""></a></li>
<li><a href="plus5.html"><img src="img/scroll_06.jpg" alt=""></a></li>
</ul>
<div class="scroll_dot">
<span class="scroll_dot_span"></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
</div>
<div class="scroll_arrows">
<a href="javascript:void(0);"><span class="left scroll_arrows_back">〈</span></a>
<a href="javascript:void(0);"><span class="right scroll_arrows_back">〉</span></a>
</div>
<div class="scroll_left">
<ul class="scr-ul">
<li class="scr_li"><a href="">手机 电话卡</a><i class="scr_i"></i></li>
<li class="scr_li"><a href="">笔记本</a><i class="scr_i"></i></li>
<li class="scr_li"><a href="">电视 盒子</a><i class="scr_i"></i></li>
<li class="scr_li"><a href="">路由器 智能硬件</a><i class="scr_i"></i></li>
<li class="scr_li"><a href="">移动电源 电池 插线板</a><i class="scr_i"></i></li>
<li class="scr_li"><a href="">耳机 音响</a><i class="scr_i"></i></li>
<li class="scr_li"><a href="">保护套 贴膜</a><i class="scr_i"></i></li>
<li class="scr_li"><a href="">线材 支架 存储卡</a><i class="scr_i"></i></li>
<li class="scr_li"><a href="">箱包 服饰 鞋 眼镜</a><i class="scr_i"></i></li>
<li class="scr_li"><a href="">米兔 生活周边</a><i class="scr_i"></i></li>
</ul>
</div>
<!--<div class="scroll_right"><img src="img/scroll_02.jpg"></div>-->
</div>
<div class="bot">
<div class="bot_max">
<div class="bot_first">
<div class="bot_one">
<div><a href=""><img src="img/bot_01.jpg">选购手机</a></div>
<div><a href=""><img src="img/bot_02.jpg">企业团购</a></div>
<div><a href=""><img src="img/bot_03.jpg">F码通道</a></div>
<div><a href=""><img src="img/bot_04.jpg">img米粉卡</a></div>
<div><a href=""><img src="img/bot_05.jpg">以旧换新</a></div>
<div><a href=""><img src="img/bot_06.jpg">话费充值</a></div>
</div>
</div>
<a href="#"><img src="img/3_02.jpg" alt=""></a>
<a href="#"><img src="img/3_03.jpg" alt=""></a>
<a href="#"><img src="img/3_04.jpg" alt=""></a>
</div>
</div>
<div class="time">
<div class="H">小米明星单品</div>
<div class="time_in">
<div><a href=""><img class="time_min" src="img/4_01.jpg" alt=""></a></div>
<div><a href=""><img src="img/4_02.jpg" alt=""></a></div>
<div><a href=""><img src="img/4_03.jpg" alt=""></a></div>
<div><a href=""><img src="img/4_04.jpg" alt=""></a></div>
<div><a href=""><img src="img/4_05.jpg" alt=""></a></div>
</div>
</div>
<div class="appliances">
<div class="app_width">
<div class="app_A">家电</div>
<div class="app_Ar orangeGL">
<div class="app_Ar_r"><a href="">热门</a></div>
<div class="app_Ar_r"><a href="">电视影音</a></div>
<div class="app_Ar_r"><a href="">电脑</a></div>
<div class="app_Ar_r"><a href="">家居</a></div>
</div>
<div class="app_max">
<div class="appl"><a href=""><img src="img/app_00.jpg" alt=""></a></div>
<div class="appr">
<div class="appr_top">
<div class="appr_min" id="appr_min1"><a href=""><img src="img/app_04.jpg" alt=""></a></div>
<div class="appr_min"><a href=""><img src="img/app_03.jpg" alt=""></a></div>
<div class="appr_min"><a href=""><img src="img/app_02.jpg" alt=""></a></div>
<div class="appr_min"><a href=""><img src="img/app_01.jpg" alt=""></a></div>
</div>
<div class="appr_bottom">
<div class="appr_min" id="appr_min2">
<div class="appr_min_top"><a href=""><img src="img/app_24.jpg" alt=""></a></div>
<div class="appr_min_bottom"><a href="">
<div class="figure_a">
<h3>浏览更多</h3>
<li style="color:#757575; ">热门</li>
</div>
<div class="figure_b">
<div class="figure_b_yuan">
<li >→</li>
</div>
</div>
</a></div>
</div>
<div class="appr_min"><a href=""><img src="img/app_23.jpg" alt=""></a></div>
<div class="appr_min"><a href=""><img src="img/app_22.jpg" alt=""></a></div>
<div class="appr_min"><a href=""><img src="img/app_21.jpg" alt=""></a></div>
</div>
</div>
</div>
</div>
</div>`
<div class="capabackground">
<div class="capacity">
<div class="capa_b
没有合适的资源?快使用搜索试试~ 我知道了~
仿写小米官网网页前端.zip
共107个文件
jpg:82个
png:20个
zip:1个
需积分: 5 2 下载量 112 浏览量
2023-04-23
11:44:59
上传
评论 2
收藏 4.45MB ZIP 举报
温馨提示
CSS+JS+HTML官网首页+轮播图实现,跳转功能
资源推荐
资源详情
资源评论
收起资源包目录
仿写小米官网网页前端.zip (107个子文件)
index.css 34KB
index.html 62KB
scroll_01.jpg 352KB
scroll_04.jpg 322KB
scroll_03.jpg 306KB
scroll_02.jpg 245KB
scroll_06.jpg 213KB
scroll_05.jpg 180KB
plus5_01.jpg 143KB
register1.jpg 141KB
plus5_04.jpg 141KB
plus5_03.jpg 138KB
plus5_02.jpg 130KB
app_00.jpg 28KB
popu_02.jpg 20KB
popu_01.jpg 18KB
app_02.jpg 15KB
popu_04.jpg 14KB
20190013.jpg 14KB
4_04.jpg 14KB
register03.jpg 13KB
20190014.jpg 13KB
app_01.jpg 13KB
capa_01.jpg 12KB
sign01.jpg 11KB
4_01.jpg 11KB
20190003.jpg 11KB
cont_02.jpg 11KB
3_03.jpg 11KB
3_02.jpg 10KB
app_03.jpg 10KB
20190015.jpg 10KB
popu_03.jpg 10KB
20190016.jpg 10KB
app_04.jpg 10KB
capa_06.jpg 10KB
20190002.jpg 10KB
4_05.jpg 10KB
20190006.jpg 10KB
20190005.jpg 9KB
4_02.jpg 9KB
video_02.jpg 9KB
cont_01.jpg 9KB
4_03.jpg 8KB
20190012.jpg 8KB
20190004.jpg 8KB
app_22.jpg 8KB
20190001.jpg 8KB
app_23.jpg 8KB
cont_03.jpg 8KB
3_01.jpg 8KB
3_04.jpg 8KB
20190008.jpg 8KB
app_21.jpg 8KB
video_01.jpg 7KB
cont_04.jpg 6KB
video_04.jpg 6KB
app_26.jpg 5KB
register02.jpg 5KB
video_03.jpg 5KB
capa_10.jpg 5KB
capa_04.jpg 5KB
20190009.jpg 5KB
20190007.jpg 4KB
capa_03.jpg 4KB
app_24.jpg 4KB
capa_09.jpg 4KB
20190010.jpg 4KB
capa_08.jpg 4KB
20190018.jpg 3KB
capa_07.jpg 3KB
20190017.jpg 3KB
capa_05.jpg 3KB
capa_02.jpg 3KB
cart.jpg 2KB
logo.jpg 2KB
tob_01.jpg 2KB
find.jpg 2KB
bot_05.jpg 2KB
bot_02.jpg 2KB
bot_04.jpg 2KB
bot_06.jpg 2KB
bot_01.jpg 2KB
bot_03.jpg 2KB
jquery.1.11.1.min.js 94KB
snowPerson.mp4 950KB
register.png 301KB
plus5_phone_03.png 131KB
plus5_phone_04.png 130KB
plus5_phone_01.png 128KB
plus5_phone_02.png 118KB
A4.png 50KB
foot_05.png 24KB
foot_01.png 4KB
foot_02.png 4KB
foot_06.png 2KB
foot_04.png 2KB
fixed_o_01.png 2KB
fixed_01.png 2KB
foot_03.png 2KB
共 107 条
- 1
- 2
资源评论
风轻云淡旳流年
- 粉丝: 6
- 资源: 3
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功