<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>仿米商城</title>
<link rel="stylesheet" href="css/style.css" />
<script src="js/index.js" charset="utf-8"></script>
</head>
<body>
<!-- 头部 -->
<header id="header">
<!-- 顶部导航栏start -->
<div class="site-topbar">
<div class="container">
<!-- 导航栏 -->
<nav class="topbar-nav">
<a href="index.html">仿米商城</a>
<span class="sep">|</span>
<a href="javascript:;">loT</a>
<span class="sep">|</span>
<a href="javascript:;">MIUI</a>
<span class="sep">|</span>
<a href="javascript:;">云服务</a>
<span class="sep">|</span>
<a href="javascript:;">金融</a>
<span class="sep">|</span>
<a href="javascript:;">有品</a>
<span class="sep">|</span>
<a href="javascript:;">小爱开放平台</a>
<span class="sep">|</span>
<a href="javascript:;">企业团购</a>
<span class="sep">|</span>
<a href="javascript:;">资质证照</a>
<span class="sep">|</span>
<a href="javascript:;">协议规则</a>
<span class="sep">|</span>
<a href="javascript:;" id="J_siteDownloadApp">
下载app
<span class="appcode">
<img src="img/header/download.png" alt="仿米商城" width="90" height="90">
仿米商城APP
</span>
</a>
<span class="sep">|</span>
<a href="javascript:;">Select Location</a>
</nav>
<!-- 购物车 -->
<div id="J_miniCartTrigger" class="topbar-cart">
<a href="shopping.html">
<em></em>
购物车
<span>(0)</span>
</a>
<div id="J_miniCartMenu" class="cart-menu">
购物车中还没有商品,赶紧选购吧!
</div>
</div>
<!-- 登录注册 -->
<div id="J_siteInfo" class="topbar-info">
<a href="login.html">登录</a>
<span class="sep">|</span>
<a href="register.html">注册</a>
<span class="sep">|</span>
<a href="javascript:;">消息通知</a>
</div>
<div id="J_siteUserInfo" class="topbar-info">
<span class="user">
<a rel="nofollow" class="user-name" href="javascript:;" target="_blank">
<span class="name">天然呆·H</span>
<i class="iconfont-arrow-down-mini">↓</i>
</a>
<div id="J_userMenuWrapper" class="user-menu-wrapper">
<ul class="user-menu">
<li><a rel="nofollow" href="javascript:;" target="_blank">个人中心</a></li>
<li><a rel="nofollow" href="javascript:;" target="_blank">评价晒单</a></li>
<li><a rel="nofollow" href="javascript:;" target="_blank">我的喜欢</a></li>
<li><a rel="nofollow" href="javascript:;" target="_blank">小米账户</a></li>
<li><a rel="nofollow" id="J_userLogout" href="javascript:;">退出登录</a></li>
</ul>
</div>
</span>
<span class="sep">|</span>
<a href="javascript:;">消息通知</a>
<span class="sep">|</span>
<a href="javascript:;">我的订单</a>
</div>
</div>
</div>
<!-- 顶部导航栏end -->
<!-- 头部导航栏start -->
<div class="site-header">
<div class="container myclear">
<!-- 仿米logo -->
<div class="header-logo">
<ul class="myclear">
<li><a href="index.html"></a></li>
<li></li>
</ul>
</div>
<!-- 导航栏 -->
<nav class="header-nav myclear">
<ul id="J_childrenList">
<li class="nav-item">
<a href="javascript:void(0);">仿米手机</a>
<div class="item-children">
<div class="container">
<ul class="children-list myclear">
<li>
<a href="javascript:;">
<div class="figure-thumb">
<img src="img/header/XM9%20Pro%205G.webp" width="160" height="110" alt="仿米9 Pro 5G">
</div>
<div class="title">仿米9 Pro 5G</div>
<p class="price">3699元起</p>
</a>
</li>
<li>
<a href="javascript:;">
<div class="figure-thumb">
<img src="img/header/XM9%20Pro%205G.webp" width="160" height="110" alt="仿米9 Pro 5G">
</div>
<div class="title">仿米9 Pro 5G</div>
<p class="price">3699元起</p>
</a>
</li>
<li>
<a href="javascript:;">
<div class="figure-thumb">
<img src="img/header/XM9%20Pro%205G.webp" width="160" height="110" alt="仿米9 Pro 5G">
</div>
<div class="title">仿米9 Pro 5G</div>
<p class="price">3699元起</p>
</a>
</li>
<li>
<a href="javascript:;">
<div class="figure-thumb">
<img src="img/header/XM9%20Pro%205G.webp" width="160" height="110" alt="仿米9 Pro 5G">
</div>
<div class="title">仿米9 Pro 5G</div>
<p class="price">3699元起</p>
</a>
</li>
<li>
<a href="javascript:;">
<div class="figure-thumb">
<img src="img/header/XM9%20Pro%205G.webp" width="160" height="110" alt="仿米9 Pro 5G">
</div>
<div class="title">仿米9 Pro 5G</div>
<p class="price">3699元起</p>
</a>
</li>
<li>
<a href="javascript:;">
<div class="figure-thumb">
<img src="img/header/XM9%20Pro%205G.webp" width="160" height="110" alt="仿米9 Pro 5G">
</div>
<div class="title">仿米9 Pro 5G</div>
<p class="price">3699元起</p>
</a>
</li>
</ul>
</div>
</div>
</li>
<li class="nav-item">
<a href="javascript:void(0);">Redmi仿米</a>
<div class="item-children">
<div class="container">
<ul class="children-list myclear">
<li>
<a href="javascript:;">
<div class="figure-thumb">
<img src="img/header/Redmi%20K30%205G.webp" width="160" height="110" alt="仿米9 Pro 5G">
</div>
<div class="title">Redmi K30 5G</div>
<p class="price">1999元起</p>
</a>
</li>
<li>
<a href="javascript:;">
<div class="figure-thumb">
<img src="img/header/Redmi%20K30%205G.webp" width="160" height="110" alt="仿米9 Pro 5G">
</div>
<div class="title">Redmi K30 5G</div>
<p class="price">1999元起</p>
</a>
</li>
<li>
<a href="javascript:;">
<div class="figure-thumb">
<img src="img/header/Redmi%20K30%205G.webp" width="160" height="110" alt="仿米9 Pro 5G">
</div>
<div class="title">Redmi K30 5G</div>
<p class="price">1999元起</p>
</a>
</li>
<li>
<a href="javascript:;">
<div class="figure-thumb">
<img src="img/header/Redmi%20K30%205G.webp" width="160" height="110" alt="仿米9 Pro 5G">
</div>
<div class="title">Redmi K30 5G</div>
<p class="price">1999元起</p>
</a>
</li>
<li>
<a href="javascript:;">
<div class="figure-thumb">
<img src="img/header/Redmi%20K30%205G.webp" width="160" height="110" alt="仿米9 Pro 5G">
</div>
<div class="title">Redmi K30 5G</div>
<p class="price">1999元起</p>
</a>
</li>
<li>
<a href="javascript:;">
<div class="figure-thumb">
<img src="img/header/Redmi%20K30%205G.webp" width="160" height="110" alt="仿米9 Pro 5G">
</div>
没有合适的资源?快使用搜索试试~ 我知道了~
资源推荐
资源详情
资源评论
收起资源包目录
网页设计-仿小米商城-前端期末大作业 (146个子文件)
style.css 27KB
shopping.css 15KB
register.css 7KB
login.css 4KB
reset.css 1KB
sprite_login.gif 1KB
index.html 135KB
register.html 105KB
shopping.html 14KB
login.html 6KB
0.jpg 466KB
03.jpg 138KB
525582359a8ac0aa8e14da3eda531621.jpg 136KB
xm2-1.jpg 131KB
xm3-1.jpg 125KB
02.jpg 108KB
94c74e01afe50a86c3a87ff030b85781.jpg 95KB
816a66edef10673b4768128b41804cae.jpg 69KB
xm1-1.jpg 60KB
gouwuche!234x300.jpg 53KB
7bc54a61b927dd8c54ddd39a0acf0254.jpg 52KB
xm4-1.jpg 47KB
01.jpg 35KB
04.jpg 20KB
pms_1496833357.9528722!140x140.jpg 8KB
main5_x2right.jpg 5KB
main4_x2right.jpg 4KB
main3_x2right.jpg 3KB
main7_x1right.jpg 3KB
category6.jpg 1KB
category7.jpg 813B
category8.jpg 791B
index.js 11KB
shopping.js 8KB
register.js 6KB
Shopping.json 1KB
05.png 227KB
cart-empty.png 32KB
xm5.png 24KB
iframe.png 4KB
placeholder.png 4KB
xm1.png 4KB
xm2.png 4KB
download.png 3KB
xm3.png 2KB
xm33.png 2KB
slogan2016.png 2KB
icons_type.png 2KB
xm4.png 2KB
ghs.png 2KB
xm2.png 2KB
xm22.png 2KB
15天.png 2KB
xm3.png 2KB
placeholder.png 2KB
icon_user.png 2KB
xm4.png 2KB
xm44.png 2KB
xm5.png 2KB
定位.png 2KB
xm55.png 2KB
7天.png 2KB
left.png 2KB
m5.png 1KB
xm66.png 1KB
xm6.png 1KB
icon-slides.png 1KB
mi-logo.png 1KB
mi-logo.png 1KB
mi-logo.png 1KB
xm1.png 1KB
xm11.png 1KB
维修.png 1KB
礼物.png 1KB
cart.png 1KB
m1.png 1KB
big_play_btn.png 1021B
m3.png 1010B
cart_hover.png 981B
search.png 870B
logo-footer.png 861B
m4.png 661B
left.png 660B
m2.png 637B
lefthover.png 633B
m6.png 579B
mi-home.png 388B
arrow-right-big.png 355B
play.png 230B
4.webp 70KB
2.webp 41KB
1.webp 37KB
3.webp 31KB
main3_2left.webp 21KB
main4_2left.webp 17KB
main5_2left.webp 16KB
test.webp 15KB
main2_1left.webp 13KB
main5_1left.webp 12KB
main7_2left.webp 11KB
共 146 条
- 1
- 2
编程ID
- 粉丝: 7w+
- 资源: 454
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 基于Java的实训在线OJ系统安卓端设计源码
- 基于Vue和TypeScript的房地产管理系统前端设计源码
- 基于微信小程序的通用订票系统设计源码
- 基于ThinkPHP的轻量级PHP开发框架设计源码
- 基于CSS的响应式鲜花网站全屏效果设计源码
- 基于JavaScript的访客预约系统设计源码
- 基于Vue和ECharts的工作租房数据可视化系统设计源码
- 1040g0cg310ravpiu6ibg5pg00tsipsln3ju2d0g 2
- 基于Python的SAR图像去噪CNN-NLM设计源码
- redhat6升级到redhat7,过程redhat6.x-> redhat6.10->rehat7.9 主版本最高版本
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功
- 1
- 2
- 3
- 4
- 5
- 6
前往页