<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>欢太商城</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="csser/style.css">
<link rel="icon" href="https://business.oppo.com/static/favicon.ico">
<link rel="stylesheet" type="text/css" href="css/bootstrap.css"/>
<link rel="stylesheet" type="text/css" href="css/huantai.css"/>
<link rel="stylesheet" href="csser/ionicons.min.css">
<script src="http://www.jq22.com/jquery/1.11.1/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="jser/jquery-1.11.0.min.js"><\/script>')</script>
<script src="jser/megamenu.js"></script>
<link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:300' rel='stylesheet' type='text/css'>
<script src="js/vendor/modernizr-2.8.3.min.js"></script>
<script type="text/javascript" src="js/jquery-1.12.4.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script>
</head>
<body style="background-color: #f4f4f4;">
<header>
<!-- 导航 -->
<div class="container-fluid">
<div class="row">
<div class="col-md-12 col-sm-12 col-xs-12" style="background-color: black;">
<div class="col-md-12 col-sm-12 col-xs-12"><br/></div>
<ul class="daohangul" style="display: flex;float: left;">
<li><a href="#">欢太品牌</a></li>
<li><a href="#">欢太云服务</a></li>
<li><a href="#">软件商城</a></li>
<li><a href="gowuche.html">购物车</a></li>
</ul>
</div>
</div>
</div>
<div><a href="index.html"><img src="images/huantai/top_1.png" class="img-responsive" /></a></div>
</header>
<!-- 导航2 -->
<div class="menu-container">
<div class="menu" style="height: 50px;">
<ul style="height: 50px;">
<li class="col-md-3 col-sm-1"><a href="index.html"><img src="images/index/OPPO_01.png" class="img-responsive" style="height: 90%;width: 34%;"/></a></li>
<li class="ciadan"><a href="#"><span style="font-size: 18px;color: black;">OPPO专区</span></a>
<ul style="width: 100%;height: 220px;">
<li style="width: 15%;">
<ul>
<li><a href="#"></a></li>
</ul>
</li>
<li style="width: 15%;height: 400px;text-align: center;"><img src="images/huantai/shoji2.png" class="img-responsive img1" style="display: none;"/>
<span style="">Reno5 Pro+</span>
<ul>
<li><a href="#"></a></li>
</ul>
</li>
<li style="width: 15%;text-align: center;"><img src="images/huantai/shoji3.png" class="img-responsive img2" style="display: none;"/>
<span style="">Reno5 Pro</span>
<ul>
<li><a href="#"></a></li>
</ul>
</li>
<li style="width: 15%;text-align: center;"><img src="images/huantai/shoji4.png" class="img-responsive img3" style="display: none;"/>
<span style="">Reno5</span>
<ul>
<li><a href="#"></a></li>
</ul>
</li>
<li style="width: 15%;text-align: center;"><img src="images/huantai/shoji5.png" class="img-responsive img4" style="display: none;"/>
<span style="">K7x</span>
<ul>
<li><a href="#"></a></li>
</ul>
</li>
<li style="width: 15%;text-align: center;"><img src="images/huantai/shoji2_3.png" class="img-responsive img5" style="display: none;"/>
<span style="">智能家族</span>
<ul>
<li><a href="#"></a></li>
</ul>
</li>
<li style="width: 10%;">
<ul>
<li><a href="#"></a></li>
</ul>
</li>
</ul>
</li>
<li class="ciadan"><a href="#"><span style="font-size: 18px;color: black;">一加专区</span></a>
<ul style="width: 100%;height: 220px;">
<li style="width: 15%;">
<ul>
<li><a href="#"></a></li>
</ul>
</li>
<li style="width: 15%;height: 400px;text-align: center;"><img src="images/huantai/yijia1.png" class="img-responsive img1" style="display: none;"/>
<span style="">OnePuls 8T</span>
<ul>
<li><a href="#"></a></li>
</ul>
</li>
<li style="width: 15%;text-align: center;"><img src="images/huantai/yijia2.png" class="img-responsive img2" style="display: none;"/>
<span style="">OnePuls 8Pro</span>
<ul>
<li><a href="#"></a></li>
</ul>
</li>
<li style="width: 15%;text-align: center;"><img src="images/huantai/yijia2.png" class="img-responsive img3" style="display: none;"/>
<span style="">OnePuls 8</span>
<ul>
<li><a href="#"></a></li>
</ul>
</li>
<li style="width: 15%;text-align: center;"><img src="images/huantai/shoji2_2.png" class="img-responsive img4" style="display: none;"/>
<span style="">OnePuls Ex</span>
<ul>
<li><a href="#"></a></li>
</ul>
</li>
<li style="width: 15%;text-align: center;"><img src="images/huantai/shoji2_7.png" class="img-responsive img5" style="display: none;"/>
<span style="">OnePuls Xp</span>
<ul>
<li><a href="#"></a></li>
</ul>
</li>
<li style="width: 10%;">
<ul>
<li><a href="#"></a></li>
</ul>
</li>
</ul>
</li>
<li class="ciadan"><a href="#"><span style="font-size: 18px;color: black;">realme专区</span></a>
<ul style="width: 100%;height: 220px;">
<li style="width: 15%;">
<ul>
<li><a href="#"></a></li>
</ul>
</li>
<li style="width: 15%;height: 400px;text-align: center;"><img src="images/huantai/realme3.png" class="img-responsive img1" style="display: none;"/>
<span style="">V5系列</span>
<ul>
<li><a href="#"></a></li>
</ul>
</li>
<li style="width: 15%;text-align: center;"><img src="images/huantai/realme4.png" class="img-re
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
使用前端技术实现对OPPO官网和商城的网页设计,使用Bootstrap3+Flex完成页面响应式布局,使用JavaScript和jQuery实现页面的逻辑事件处理;使用CSS实现页面优化。.zip项目工程资源经过严格测试运行并且功能上ok,可实现轻松复现,拿到资料包后可轻松复刻出一样的项目,本人系统开发经验充足(全栈全领域),有任何使用问题欢迎随时与我联系,我会抽时间努力为您解惑,提供帮助 【资源内容】:包含源码+工程文件+说明(若有)等(不同项目所包含内容不同)。答辩评审平均分达到96分,放心下载使用!可轻松复现,设计报告也可借鉴此项目,该资源内项目代码都经过测试运行,功能ok 【提供帮助】:有任何使用上的问题欢迎随时与我联系,抽时间努力解答解惑,提供帮助 【附带帮助】:若还需要相关开发工具、学习资料等,我会提供帮助,提供资料,鼓励学习进步 【项目价值】:可用在相关项目设计中,皆可应用在项目、毕业设计、课程设计、期末/期中/大作业、工程实训、大创等学科竞赛比赛、初期项目立项、学习/练手等方面,可借鉴此优质项目实现复刻,设计报告也可借鉴此项目,也可基于此项目来扩展开发出更多功能 下载后请首先打开README文件(如有),项目工程可轻松复现复刻,如果基础还行,也可在此程序基础上进行修改,以实现其它功能。供开源学习/技术交流/学习参考,勿用于商业用途。质量优质,放心下载使用
资源推荐
资源详情
资源评论
收起资源包目录
OPPO官网和商城网页设计 (445个子文件)
bootstrap.css 143KB
bootstrap.css 143KB
bootstrap.css 143KB
bootstrap.css 143KB
bootstrap.css 143KB
bootstrap.css 143KB
bootstrap.min.css 118KB
bootstrap.min.css 98KB
ionicons.min.css 50KB
bootstrap-theme.css 26KB
bootstrap-theme.min.css 23KB
font-awesomedibu3.min.css 21KB
font-awesomedibu3.min.css 21KB
font-awesome.min.css 21KB
font-awesomedibu3.min.css 21KB
style.css 21KB
style.css 21KB
style.css 21KB
swiper.min.css 19KB
swiper.min.css 19KB
swiper.min.css 19KB
index.css 7KB
style.css 5KB
style.css 5KB
Find_X2_Pro.css 4KB
style.css 4KB
huantai.css 3KB
styledibu2.css 2KB
styledibu.css 2KB
styledibu2.css 2KB
styledibu.css 2KB
style2.css 2KB
styledibu2.css 2KB
styledibu.css 2KB
style3.css 1KB
style4.css 1KB
style4.css 1KB
nivo-slider.css 1018B
jquery.vidbacking.css 898B
jquery.vidbacking.css 898B
liMarquee.css 831B
style.css 823B
jquery.vidbacking.min.css 633B
Thumbs.db 4KB
ionicons.eot 118KB
fontawesome-webfont.eot 55KB
glyphicons-halflings-regular.eot 20KB
icomoon.eot 2KB
xingkong.gif 2.31MB
.gitattributes 66B
huantai.html 60KB
Find_X2_Pro.html 40KB
FuWu.html 32KB
index.html 25KB
MeiXueKongJian.html 23KB
OPPO.html 23KB
PinPaiKongJian.html 19KB
qiyeqiwu.html 15KB
fangda.html 12KB
denglu.html 10KB
gowuche.html 8KB
zhuce.html 8KB
clock.html 620B
zhuceerweima.jfif 20KB
a2.jfif 13KB
a1.jfif 8KB
a3.jfif 7KB
bf8f927a9f2040ecb838aac1900f6e7f.jpeg 93KB
di3.jpg 1.33MB
Reno_11.jpg 1.23MB
Reno_07.jpg 1.12MB
di4.jpg 1.1MB
di1.jpg 1.07MB
di2.jpg 1012KB
Reno_06.jpg 980KB
FindX2Pro_01.jpg 965KB
index_03.jpg 933KB
di5.jpg 918KB
FindX2Pro_log.jpg 875KB
Findess2.jpg 825KB
shojiduanFind5.jpg 762KB
shojiduanFind4.jpg 755KB
Findess1.jpg 715KB
h1.jpg 686KB
Reno_10.jpg 678KB
index_003_1.jpg 677KB
FindX2Pro_04.jpg 674KB
index_003.jpg 622KB
FindX2Pro_02.jpg 609KB
shojiduanFind3.jpg 571KB
h3.jpg 565KB
jr.jpg 564KB
FindX2Pro_03.jpg 518KB
index_05.jpg 508KB
Reno_08.jpg 496KB
shojiduanFind1.jpg 491KB
shojiF1.jpg 475KB
index_001_1.jpg 456KB
index_004.jpg 453KB
w6.jpg 445KB
共 445 条
- 1
- 2
- 3
- 4
- 5
资源评论
热爱技术。
- 粉丝: 2569
- 资源: 7860
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- Replicate 的 Python 客户端.zip
- Raven 是 Sentry 的旧版 Python 客户端(getsentry.com),已被 sentry-python 取代.zip
- python打包创造-pycache-文件
- 基于Hadoop平台分析准大学生手机网购偏好与趋势
- 基于Python和ECharts的京东手机销售数据分析与可视化
- PythonLinearNonLinearControl 是一个用 Python 实现线性和非线性控制理论的库 .zip
- PythonJS 开发已转移到 Rusthon.zip
- Python,Cython,C 开发的 VIM 配置.zip
- Python 课程 #100DaysOfCode 的课程材料和讲义.zip
- Python 语言服务器协议的实现.zip
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功