<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>小米商城</title>
<link rel="stylesheet" href="css1/font-awesome.min.css">
<link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
<link rel="shortcut icon"href="img/xiaomi_lg.ico"/>
<link rel="stylesheet" href="css_1/xiaomi_1.css" />
<script type="text/javascript" src="js/miui.js" ></script>
</head>
<body onload="autoChange()" style="background: #EEEEEE;">
<div class="container"><!--最外层容器-->
<div class="top"><!--最顶部栏-->
<div class="top_1">
<ul>
<li><a href="xiaomi_1.html">小米商城</a><span>|</span></li>
<li><a href="xiaomi_michat.html" target="_blank">MIUI</a><span>|</span></li>
<li><a href="xiaomi_mitalkr.html" target="_blank">米聊</a><span>|</span></li>
<li><a href="xiaomi_game.html"target="_blank">游戏</a><span>|</span></li>
<li><a>多看阅读</a><span>|</span></li>
<li><a>云服务</a><span>|</span></li>
<li><a href="xiaomi_finance.html"target="_blank">金融</a><span>|</span></li>
<li><a href="xiaomi_mobile.html"target="_blank">小米商城移动版</a><span>|</span></li>
<li><a>问题反馈</a><span>|</span></li>
<li><a>Select Region</a></li>
</ul>
<ol>
<li class="nav"><a href="xiaomi_register.html"target="_blank">登录</a>|</li>
<li class="nav"><a href="xiaomi_login.html"target="_blank">注册</a>|</li>
<li class="nav"><a>消息通知</a></li>
<li class="goshuping">
<span style="padding-right: 4px;" class="fa fa-shopping-cart fa-lg"></span><span>购物车(0)</span>
<div class="goshuping_1">购物车中还没有商品,赶紧选购吧!</div>
</li>
</ol>
</div>
</div><!--最顶部栏-->
<div class="content"><!--正文部分1-->
<div class="content_1"><!--正文-水平-导航-->
<div class="logo">
<img src="img/mi-logo.png" title="小米官网" />
</div>
<div class="content_2">
<ul class="content_3"><!--二级导航-->
<li style="height: 77px;"><img src="img/content_1.gif"/></li>
<li class="xmsj">小米手机
<div class="content_3_2"><!--第一个导航内容-->
<div class="content_img_1">
<ul>
<li><div class="cont_img"><img src="img/sj_1.png"/></div>
<div class="cont_img-1">小米 6</div>
<div class="cont_img-2">2499元起</div>
</li>
<li><div class="cont_img"><img src="img/sj_2.png"/></div>
<div class="cont_img-1">小米Max 2</div>
<div class="cont_img-2">1699元起</div>
</li>
<li><div class="cont_img"><img src="img/sj_3.jpg"/></div>
<div class="cont_img-1">小米 5x</div>
<div class="cont_img-2">1499元</div>
</li>
<li><div class="cont_img"><img src="img/sj_4.jpg"/></div>
<div class="cont_img-1">小米Note 2</div>
<div class="cont_img-2">2799元起</div>
</li>
<li><div class="cont_img"><img src="img/sj_5.jpg"/></div>
<div class="cont_img-1">小米MIX</div>
<div class="cont_img-2">3499元起</div>
</li>
<li><div class="cont_img" style="border: none;"><img src="img/sj_6.jpg"/></div>
<div class="cont_img-1">小米5s</div>
<div class="cont_img-2">1999元</div>
</li>
</ul>
</div>
</div><!--第一个导航内容-->
</li>
<li class="hmsj">红米
<div class="content_3_3"><!--第二个导航内容-->
<div class="content_img_1">
<ul>
<li><div class="cont_img"><img src="img/hm_1.jpg"/></div>
<div class="cont_img-1">红米Note4X</div>
<div class="cont_img-2">999元起</div>
</li>
<li><div class="cont_img"><img src="img/hm_2.jpg"/></div>
<div class="cont_img-1">红米4X</div>
<div class="cont_img-2">699元起</div>
</li>
<li><div class="cont_img" style="border: none;"><img src="img/hm_3.jpg"/></div>
<div class="cont_img-1">红米4</div>
<div class="cont_img-2">799元</div>
</li>
</ul>
</div>
</div><!--第二个导航内容-->
</li>
<li class="computer">平板·笔记本
<div class="content_3_4"><!--第三个导航内容-->
<div class="content_img_1">
<ul>
<li><div class="cont_img"><img src="img/computer/computer_1.png"/></div>
<div class="cont_img-1">小米平板3 64GB</div>
<div class="cont_img-2">1499元</div>
</li>
<li><div class="cont_img"><img src="img/computer/computer_2.jpg"/></div>
<div class="cont_img-1">小米笔记本Air 12.5"</div>
<div class="cont_img-2">3599元</div>
</li>
<li><div class="cont_img" style="border: none;"><img src="img/computer/computer_3.jpg"/></div>
<div class="cont_img-1">小米笔记本Air 13.3"</div>
<div class="cont_img-2">4999元</div>
</li>
</ul>
</div>
</div><!--第三个导航内容-->
</li>
<li class="tv">电视
<div class="content_3_5"><!--第四个导航内容-->
<div class="content_img_1">
<ul>
<li><div class="cont_img"><img src="img/tv/TV_1.png"/></div>
<div class="cont_img-1">小米电视4 49英寸</div>
<div class="cont_img-2">3499元</div>
</li>
<li><div class="cont_img"><img src="img/tv/TV_2.png"/></div>
<div class="cont_img-1">小米电视4 49英寸</div>
<div class="cont_img-2">4299元</div>
</li>
<li><div class="cont_img"><img src="img/tv/TV_3.png"/></div>
<div class="cont_img-1">小米电视4 49英寸</div>
<div class="cont_img-2">9999元</div>
</li>
<li><div class="cont_img"><img src="img/tv/TV_4.png"/></div>
<div class="cont_img-1">小米电视4A 49英寸</div>
<div class="cont_img-2">1899元</div>
</li>
<li><div class="cont_img"><img src="img/tv/TV_5.png"/></div>
<div class="cont_img-1">小米电视4A 49英寸</div>
<div class="cont_img-2">2299元起</div>
</li>
<li><div class="cont_img" style="border: none;"><img src="img/tv/TV_6.png"/></div>
<div class="cont_img-1">查看全部</div>
<div class="cont_img-2" style="color: #000000;">小米电视</div>
</li>
</ul>
</div>
</div><!--第四个导航内容-->
</li>
<li class="box_av">盒子·影音
<div class="content_3_6"><!--第五个导航内容-->
<div class="content_img_1">
<ul>
<li><div class="cont_img"><img src="img/box_av/box_1.png"/></div>
<div class="cont_img-1">小米盒子3s</div>
<div class="cont_img-2">329元</div>
</li>
<li><div class="cont_img"><img src="img/box_av/box_2.png"/></div>
<div class="cont_img-1">小米盒子3c</div>
<div class="cont_img-2">229元</div>
</li>
<li><div class="cont_img"><img src="img/box_av/box_3.jpg"/></div>
<div class="cont_img-1">小米盒子3 增强版</div>
<div class="cont_img-2">399元</div>
</li>
<li><div class="cont_img"style="border: none;"><img src="img/box_av/box_4.png"/></div>
<div class="cont_img-1">小米家庭影院</div>
<div class="cont_img-2">1999元</div>
</li>
</ul>
</div>
</div><!--第五个导航内容-->
</li>
<li class="router">路由器
<div class="content_3_7"><!--第六个导航内容-->
<div class="content_img_1">
<ul>
<li><div class="cont_img"><img src="img/router/router_1.png"/></div>
<div class="cont_img-1">小米路由器 HD/Pro</div>
<div class="cont_img-2">499元起</div>
</li>
<li><div class="cont_img"><img src="img/router/router_2.png"/></div>
<div class="cont_img-1">小米路由器3G</div>
<div class="cont_img-2">249元</div>
</li>
<li><div class="cont_img"><img src="img/router/router_3.png"/></div>
<div class="cont_img-1">小米路由器 3<
没有合适的资源?快使用搜索试试~ 我知道了~
仿小米官网(html+js+css)
共336个文件
jpg:225个
png:80个
css:10个
4星 · 超过85%的资源 需积分: 47 300 下载量 75 浏览量
2017-11-09
19:51:07
上传
评论 39
收藏 11.56MB RAR 举报
温馨提示
学习前端知识时写的一个仿小米官网的一些页面+css样式+js验证代码
资源推荐
资源详情
资源评论
收起资源包目录
仿小米官网(html+js+css) (336个子文件)
font-awesome.css 37KB
font-awesome.min.css 30KB
xiaomi_1.css 16KB
finance.css 6KB
mitalkr.css 3KB
mobile.css 3KB
login.css 3KB
registered .css 3KB
michat.css 2KB
game.css 2KB
fontawesome-webfont.eot 162KB
getCode 2KB
content_1.gif 80KB
xiaomi_1.html 51KB
xiaomi_finance.html 9KB
xiaomi_login.html 6KB
xiaomi_mitalkr.html 4KB
xiaomi_mobile.html 3KB
xiaomi_game.html 3KB
xiaomi_michat.html 2KB
xiaomi_register.html 2KB
xiaomi_lg.ico 18KB
favicon.ico 1KB
favicon.ico 1KB
rolling_1.jpg 518KB
apdownload-bg.jpg 378KB
smart_2.jpg 205KB
buzz_4.jpg 153KB
gif_2.jpg 153KB
rolling_4.jpg 151KB
gif_5.jpg 151KB
rolling_5.jpg 146KB
gif_0.jpg 146KB
buzz_2.jpg 141KB
rolling_3.jpg 138KB
gif_4.jpg 138KB
ljm.jpg 128KB
xiaomi.jpg 125KB
rolling_2.jpg 114KB
gif_3.jpg 114KB
buzz_3.jpg 108KB
xmad_.jpg 97KB
zuma.jpg 96KB
buzz_1.jpg 95KB
rolling_6.jpg 93KB
gif_1.jpg 93KB
pop.jpg 92KB
kd.jpg 91KB
mr.jpg 89KB
xm.jpg 87KB
ddz.jpg 79KB
smart_5.jpg 77KB
2048.jpg 76KB
jxsj.jpg 74KB
banner.jpg 74KB
cok.jpg 73KB
xmad_15021010132973_BOkcp.jpg 70KB
fittings_0.jpg 70KB
xy.jpg 69KB
dz.jpg 69KB
cat.jpg 64KB
sok.jpg 63KB
focus_3.jpg 59KB
wyft.jpg 58KB
majiang.jpg 57KB
match_1.jpg 52KB
finance_2.jpg 46KB
banner_2.jpg 45KB
home_left.jpg 43KB
focus_1.jpg 42KB
circum_0.jpg 38KB
focus_2.jpg 37KB
smart_1.jpg 29KB
home_5.jpg 28KB
home_2.jpg 26KB
smart_10.jpg 22KB
home_7.jpg 22KB
smart_8.jpg 21KB
home_8.jpg 21KB
smart_6.jpg 20KB
circum_5.jpg 20KB
pms_7.jpg 20KB
smart_9.jpg 20KB
home_1.jpg 20KB
pms_5.jpg 19KB
circum_2.jpg 19KB
xiao_dingbu.jpg 19KB
circum_1.jpg 19KB
circum_4.jpg 19KB
xiaomi_lg.jpg 18KB
xiaomi_lg.jpg 18KB
circum_7.jpg 17KB
smart_3.jpg 17KB
focu.jpg 16KB
recommend_2.jpg 16KB
pms_6.jpg 16KB
home_9.jpg 16KB
circum_6.jpg 16KB
pms_3.jpg 16KB
pms_1.jpg 15KB
共 336 条
- 1
- 2
- 3
- 4
子无涯
- 粉丝: 6
- 资源: 4
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- apk.tw_LineLite_v8a_v.2.17.1_sign.apk
- Elasticsearch实战:构建高效搜索系统的秘诀.zip
- HTML+CSS+JS网页设计:从入门到精通.zip
- 数据库课程设计:从理论到实践的全面指南.zip
- Python闭包:深入理解与应用场景解析.zip
- Win64OpenSSL-3-3-0.exe
- 课高分程设计-基于C++实现的民航飞行与地图简易管理系统-南京航空航天大学
- 航天器遥测数据故障检测系统python源码+文档说明+数据库(课程设计)
- 北京航空航天大学操作系统课设+ppt+实验报告
- 基于Vue+Echarts实现风力发电机中传感器的数据展示监控可视化系统+源代码+文档说明(高分课程设计)
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功
- 1
- 2
前往页