<!DOCTYPE html>
<html>
<head>
<title>小米</title>
<link rel="stylesheet" type="text/css" href="./css/index.css">
<link rel="stylesheet" type="text/css" href="./css/font.css">
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/carouselhe.css">
</head>
<body>
<div class="top">
<div class="contenter">
<ul class="biao1">
<li><a href="#">小米商城</a> <span>|</span></li>
<li><a href="#">MIUI</a> <span>|</span></li>
<li><a href="#">IoT</a> <span>|</span></li>
<li><a href="#">云服务</a> <span>|</span></li>
<li><a href="#">水滴</a> <span>|</span></li>
<li><a href="#">金融</a> <span>|</span></li>
<li><a href="youpin.html">有品</a> <span>|</span></li>
<li><a href="#">Select Region</a></li>
</ul>
<div class="cart-box">
<div class="cart">
<a href="#">
<i class="iconfont"></i>
<div class="">购物车(0)</div>
</a>
</div>
<div class="cart-content">
<div class="loader"></div>
<span class="empty-cart">购物车中没有商品</span>
</div>
</div>
<div class="user">
<ul>
<li><a href="#">登陆</a> <span>|</span></li>
<li><a href="#">注册</a> <span>|</span></li>
<li><a href="#">消息通知</a> </li>
</ul></div>
</div>
<!-- 第一部分结束 -->
<div class="head contenter">
<div class="logo">
<h1> <a href="#"></a></h1>
</div>
<div class="nev">
<ul>
<li><a href="MIX.html">小米手机</a></li>
<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>
<li><a href="">路由器</a></li>
<li><a href="">智能硬件</a></li>
<li><a href="">新品</a></li>
<li><a href="fuwu.html">服务</a></li>
<li><a href="">社区</a></li>
</ul>
<div class="search">
<input type="text" name="">
<a href="#"> <span class="iconfont"></span> </a>
<a href="#" class="mi1">红米Note5</a>
<a href="#" class="mi2">小米MIX2</a>
<ul class="list">
<li>
<span>小米</span>
<span>52件</span>
</li>
<li>
<span>小米</span>
<span>52件</span>
</li>
<li>
<span>小米</span>
<span>52件</span>
</li>
<li>
<span>小米</span>
<span>52件</span>
</li>
<li>
<span>小米</span>
<span>52件</span>
</li>
<li>
<span>小米</span>
<span>52件</span>
</li>
</ul>
</div>
</div>
<div class="nev-content">
<div class="contenter">
<div class="loader"> </div>
<ul>
<!-- <li>
<div class="img-box">
<img src="images/9_01.gif" alt="">
</div>
<p class="name">小米MIX 2S</p>
<p class="price">3299元起</p>
<span class="tag">热门</span>
</li> -->
</ul>
</div>
</div>
</div>
<!-- — -logo-结束-->
<div class="hot contenter">
<div class="max">
<div id="Carousel"></div>
<ul class="list">
<li><a href="#">手机电话卡</a><span class="iconfont"></span></li>
<li><a href="#">电视盒子</a><span class="iconfont"></span></li>
<li><a href="#">笔记本</a><span class="iconfont"></span></li>
<li><a href="#">智能家电</a><span class="iconfont"></span></li>
<li><a href="#">健康家居</a><span class="iconfont"></span></li>
<li><a href="#">出行儿童</a><span class="iconfont"></span></li>
<li><a href="#">路由器手机配件</a><span class="iconfont"></span></li>
<li><a href="#">移动电源插线板</a><span class="iconfont"></span></li>
<li><a href="#">耳机音响</a><span class="iconfont"></span></li>
<li><a href="#">生活米兔</a><span class="iconfont"></span></li>
</ul>
<div class="max-content">
<!-- <ul>
<li>
<img src="images/9_01.gif" alt="">
<a href="#">小米MIX 2s</a>
</li>
<li>
<img src="images/9_01.gif" alt="">
<a href="#">小米MIX 2s</a>
</li>
<li>
<img src="images/9_01.gif" alt="">
<a href="#">小米MIX 2s</a>
</li>
<li>
<img src="images/9_01.gif" alt="">
<a href="#">小米MIX 2s</a>
</li>
<li>
<img src="images/9_01.gif" alt="">
<a href="#">小米MIX 2s</a>
</li>
<li>
<img src="images/9_01.gif" alt="">
<a href="#">小米MIX 2s</a>
</li>
<li>
<img src="images/9_01.gif" alt="">
<a href="#">小米MIX 2s</a>
</li>
<li>
<img src="images/9_01.gif" alt="">
<a href="#">小米MIX 2s</a>
</li>
<li>
<img src="images/9_01.gif" alt="">
<a href="#">小米MIX 2s</a>
</li>
<li>
<img src="images/9_01.gif" alt="">
<a href="#">小米MIX 2s</a>
</li>
<li>
<img src="images/9_01.gif" alt="">
<a href="#">小米MIX 2s</a>
</li>
<li>
<img src="images/9_01.gif" alt="">
<a href="#">小米MIX 2s</a>
</li>
<li>
<img src="images/9_01.gif" alt="">
<a href="#">小米MIX 2s</a>
</li>
<li>
<img src="images/9_01.gif" alt="">
<a href="#">小米MIX 2s</a>
</li>
<li>
<img src="images/9_01.gif" alt="">
<a href="#">小米MIX 2s</a>
</li>
<li>
<img src="images/9_01.gif" alt="">
<a href="#">小米MIX 2s</a>
</li>
<li>
<img src="images/9_01.gif" alt="">
<a href="#">小米MIX 2s</a>
</li>
<li>
<img src="images/9_01.gif" alt="">
<a href="#">小米MIX 2s</a>
</li>
<li>
<img src="images/9_01.gif" alt="">
<a href="#">小米MIX 2s</a>
</li>
<li>
<img src="images/9_01.gif" alt="">
<a href="#">小米MIX 2s</a>
</li>
</ul> -->
<ul>
</ul>
</div>
</div>
<!-- 主视图完 -->
<div class="box clearfix">
<div class="logo2">
<ul>
<li><i class="iconfont"></i><span>选购手机</span></li>
<li><a href="tuangou.html">
<i class="iconfont"></i><span>企业团购</span></a>
</li>
<li><i class="iconfont"></i><span>F码通道</span></li>
<li><i class="iconfont"></i><span>米粉卡</span></li>
<li><i class="iconfont"></i><span>以旧换新</span></li>
<li><i class="iconfont"></i><span>话费充值</span></li>
</ul>
</div>
<ul class="three">
<li></li>
<li></li>
<li></li>
</ul>
</div>
<div class="flashtop ">
<h2 class="flash">小米闪购</h2>
<div class="dd">
<span><</span><span class="active">></span>
</div>
</div>
<div class="flash2 ">
<p class="tim">18:00场</p>
<img src="./images/8.gif">
<p class="tims">距离开始还有</p>
<span class="time" >00</span>
<span class="time2">:</span>
<span class="time">44</span>
<span class="time2">:</span>
<span class="time">32</span>
</div>
<div class="product">
<ul class="flash3">
<li>
<img src="./images/9_01.gif">
<span class="wt1">小米MIX 2 6GB+128GB黑...</span>
<span class="wt2">5.99"全面屏,晓龙835处理器</span>
<span class="wt3">3099元</span>
<del class="wt4">3599元</del>
<div class="hand"> <a href="#"></a></div>
</li>
<li>
<img src="./images/9_03.gif">
<span class="wt1">小米MIX 2 6GB+128GB黑...</span>
<span class="wt2">5.99"全面屏,晓龙835处理器</span>
<span class="wt3">3099元</span
没有合适的资源?快使用搜索试试~ 我知道了~
小米首页源码资源
共119个文件
gif:103个
jpg:6个
css:4个
5星 · 超过95%的资源 需积分: 30 69 下载量 151 浏览量
2018-06-03
16:12:14
上传
评论 1
收藏 4.27MB RAR 举报
温馨提示
课堂根据老师讲的,自己写的小米官网源码。包括html+css+JavaScript
资源推荐
资源详情
资源评论
收起资源包目录
小米首页源码资源 (119个子文件)
index.css 30KB
font.css 21KB
carouselhe.css 1KB
reset.css 680B
iconfont.eot 15KB
nei_01.gif 765KB
12_01.gif 603KB
nei_06.gif 318KB
10.gif 51KB
pin_4.gif 50KB
pin_3.gif 47KB
12_19.gif 45KB
11.gif 44KB
FireShot-Capture-1---小米商城---小米MIX-2S、红米5-Plus、小米N_18.gif 39KB
pin_1.gif 39KB
nei_64.gif 32KB
13_12.gif 30KB
ad_06.gif 26KB
pin_2.gif 24KB
nei_60.gif 23KB
ad_03.gif 22KB
ad_08.gif 22KB
12.gif 20KB
ad_04.gif 19KB
ad_07.gif 18KB
nei_4.gif 17KB
ad_05.gif 17KB
nei_2.gif 16KB
nei_3.gif 14KB
nei_04.gif 13KB
9_01.gif 13KB
nei_62.gif 12KB
nei_63.gif 12KB
remd_2.gif 12KB
13_11.gif 12KB
nei_54.gif 11KB
nei_48.gif 11KB
remd_5.gif 10KB
nei_50.gif 10KB
9_02.gif 10KB
nei_56.gif 9KB
nei_43.gif 9KB
nei_40.gif 9KB
nei_41.gif 9KB
nei_1.gif 9KB
13_10.gif 8KB
remd_4.gif 8KB
nei_13.gif 8KB
remd_1.gif 7KB
remd_3.gif 7KB
nei_38.gif 7KB
nei_05.gif 7KB
9_04.gif 6KB
nei_15.gif 6KB
nei_09.gif 6KB
nei_29.gif 6KB
nei_33.gif 6KB
nei_46.gif 6KB
nei_19.gif 5KB
nei_18.gif 5KB
13_13.gif 5KB
nei_59.gif 5KB
nei_31.gif 5KB
13_3.gif 4KB
nei_57.gif 4KB
13.1.gif 4KB
nei_47.gif 4KB
13_1.gif 4KB
nei_16.gif 4KB
nei_24.gif 3KB
nei_45.gif 3KB
end1.gif 3KB
end1.gif 3KB
nei_51.gif 3KB
end2.gif 3KB
end2.gif 3KB
13_2.gif 3KB
end3.gif 3KB
end3.gif 3KB
FireShot-Capture-1---小米商城---小米MIX-2S、红米5-Plus、小米N_15.gif 3KB
13_4.gif 3KB
end5.gif 3KB
end5.gif 3KB
nei_53.gif 3KB
end4.gif 3KB
end4.gif 3KB
13.gif 3KB
nei_39.gif 3KB
nei_10.gif 2KB
nei_61.gif 2KB
nei_23.gif 2KB
nei_44.gif 2KB
nei_37.gif 2KB
nei_21.gif 2KB
nei_22.gif 2KB
nei_12.gif 2KB
nei_08.gif 2KB
nei_27.gif 2KB
nei_34.gif 2KB
nei_36.gif 2KB
共 119 条
- 1
- 2
资源评论
- 左魇2019-10-12做的可以就是图不全
xxmxj
- 粉丝: 13
- 资源: 2
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功