<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<link rel="stylesheet" href="./京东BOE.css">

<title>BOE官网-京东方官网</title>

</head>

<body>

<div class="box">

<div id="header">

<div class="center" id="hCenter">

<div class="hleft">

<div id="logo">

<a href="#"><img src="./images/logo.jpg"> </a>

</div>

<div class="hUl">

<ul>

<li id="chanping">

<a href="#">产品与服务</a>

</li>

<li id="chuanxing">

<a href="#">创新科技</a>

</li>

<li>

<a href="#">新闻中心</a>

</li>

<li>

<a href="#">BOE商城</a>

</li>

</ul>

</div>

</div>

<div id="hright">

<div class="hrTop">

<ul>

<li><a href="#">关于我们</a></li>

<li><a href="#">投资者关系</a></li>

<li><a href="#">加入我们</a></li>

<li><a href="#">多媒体中心</a></li>

</ul>

</div>

<div class="hrBottom">

<input type="text" placeholder="请输入关键词">

<button></button>

<a href="#">

English

</a>

</div>

</div>

</div>

</div>

<div id="column">

<ul id="cUl1">

<li id="cLi1" class="cli">

<ul>

<li class="cululi">

<a href="#">端口器件</a>

</li>

<li class="xianshi"><a href="#">显示与传感器件</a></li>

<li><a href="#" class="chuangan">传感器及解决方案</a></li>

</ul>

</li>

<li id="cLi2" class="cli">

<ul>

<li> <a href="#" class="cululi">智慧物联</a> </li>

<li><a href="#">loT解决方案</a></li>

<li><a href="#">智造服务</a></li>

<li> <a href="#">数字艺术</a></li>

</ul>

</li>

<li id="cLi3" class="cli">

<ul>

<li> <a href="#" class="cululi">智慧医工</a> </li>

<li> <a href="#" class="jiankang">移动健康</a></li>

<li> <a href="#" class="fuwu">健康服务</a></li>

</ul>

</li>

</ul>

</div>

<div id="column_in1" class="column_in">

<ul>

<li class="column_in_li"> <a href="#">TFT-LCD</a> </li>

<li class="column_in_li"><a href="#">AMOLED</a> </li>

<li class="column_in_li"><a href="#">微显示</a> </li>

<li class="column_in_li"><a href="#">传感器</a> </li>

</ul>

</div>

<div id="column_in2" class="column_in">

<ul>

<li class="column_in_li"><a href="#">医疗影像</a></li>

<li class="column_in_li"><a href="#">指纹识别</a></li>

<li class="column_in_li"><a href="#">生物监测</a></li>

<li class="column_in_li"><a href="#">智慧视窗</a></li>

</ul>

</div>

<div id="column_in3" class="column_in">

<ul>

<li class="column_in_li"><a href="#">产品解决方案</a></li>

</ul>

</div>

<div id="column_in4" class="column_in">

<ul>

<li class="column_in_li"><a href="#">数字医院</a></li>

<li class="column_in_li"><a href="#">数字人体</a></li>

<li class="column_in_li"><a href="#">再生医学</a></li>

<li class="column_in_li"><a href="#">解决方案</a></li>

</ul>

<div id="column2">

<ul id="cul1">

<li id="cLi1" class="cli">

<ul>

<li class="cululi cululi2">

<a href="#">BOE创新</a>

</li>

</ul>

</li>

<li id="cLi2" class="cli">

<ul>

<li class="cululi cululi2">

<a href="#">科技创新</a>

</li>

</ul>

</li>

<li id="cLi3" class="cli">

<ul>

<li class="cululi ">

<a href="#">创新平台</a>

</li>

<li>

<a href="#">协同创新平台</a>

</li>

<li>

<a href="#">创新空间</a>

</li>

</ul>

</li>

</ul>

</div>

</div>

<div id="banner">

<ul id="img">

<li class="item active"><img src="./images/pic1.jpg" width="100%" height="450px"></li>

<li class="item"><img src="./images/pic2.jpg" width="100%" height="450px"></li>

<li class="item"><img src="./images/pic3.jpg" width="100%" height="450px"></li>

</ul>

<ul id="dot">

<li class="point active" data-index="0"></li>

<li class="point" data-index='1'></li>

<li class="point" data-index='2'></li>

</ul>

</div>

<div id="service">

<div class="sTitle">

<h3>产品与服务</h3>

</div>

<div class="sContent">

<div class=" sc" id="scLeft">

<a href="#"><img src="./images/img1.jpeg" width=350px; height=240px; alt="" id="yishang1">

<p>端口器件</p>

</a>

</div>

<div class=" sc" id="scCenter">

<a href="#"><img src="./images/img8.jpeg" width=350px; height=240px; alt="" id="yishang2">

<p>智能物联</p>

</a>

</div>

<div class=" sc" id="scRinght">

<a href="#"> <img src="./images/img3.jpeg" width=350px; height=240px; alt="" id="yishang3">

<p>智能医工</p>

</a>

</div>

</div>

</div>

<div id="content">

<div class="cTitle">

<h3><a href="#">创新科技</a></h3>

</div>

<div class="cContent">

<a href="#"><img src="./images/img6.jpeg" width="970px" height="340px" alt=""></a>

</div>

</div>

<div id="news">

<div class="nTitle">

<h3>热点新闻</h3>

</div>

<div class="nContent">

<div id="ncLeft" class="nc"><img src="./images/img8.jpg" width="100%" height="300px" alt="">

<P>BOE（京东方）智慧显示 BOE（京东方）智慧显示系统解决方案 惊艳亮相中华人民共和国成立70周年庆祝活动</P>

<a href="#">阅读全文></a>

</div>

<div id="ncCentent" class="nc"><img src="./images/img2.png" width="100%" height="300px" alt="">

<P>BOE（京东方）推百万级对比度BD Cell显示技术</P><a href="#">阅读全文></a>

</div>

<div id="ncRinght" class="nc"><img src="./images/img10.jpg" width="100%" height="300px" alt="">

<p>直击SID 2019：BOE（京东方）创新显示技术带你感受前沿科技魅力</p>

<a href="#">阅读全文></a></div>

</div>

<div id="wixin1" class="w">

<img src="./images/weixinCode.png" width="80px" height="80px" alt="">

</div>

<div id="wibo1" class="w">

<img src="./images/weiboCode.png" width="80px" height="80px" alt="">

</div>

<div id="in1" class="w">

<img src="./images/yleym.png" width="80px" height="80px" alt="">

</div>

</div>

<div id="winxin">

<div class="winxin_in">

<p>在社交媒体上关注我们 :</p>

<span>

<a href="#" id="weixin2"><img src="./images/weixin-icon02.png" alt="" id="winxin3"></a>

<a href="#" id="weibo2"><img src="./images/weibo-icon02.png" alt="" id="wibo3"></a>

<a href="#" id="in2"><img src="./images/yl2.png" alt="" id="in3"></a>

</span>

</div>

</div>

<div id="footer">

<div class="fContent">

<div class="row">

<div class="rLeft">

<ul class="ul1">

<li class="li1">

<ul class="ul2">

<li><a href="#">端口器件</a></li>

<li><a href="#">智慧物联</a></li>

<li><a href="#">智慧医工</a></li>

</ul>

</li>

<li class="li1">

<ul class="ul2">

<li><a href="#">BOE创新</a></li>

<li><a href="#">科技知乎</a></li>

<li><a href="#">协同创新平台</a></li>

<li><a href="#">创想空间</a></li>

</ul>

</li>

<li class="li1">

<ul class="ul2">

<li><a href="#" id="">关于BOE</a></li>

<li><a href="#">投资者关系</a></li>

<li><a href="#">企业社会责任</a></li>

</ul>

</li>

<li class="li1">

<ul class="ul2">

<li><a href="#">新闻中心</a></li>

<li><a href="#">BOE说</a></li>

</ul>

</li>

</ul>

</div>

<div class="rRinght">

<ul id="rrul">

<li class="rrli " id="a">

<img src="./images/qrcode2.png" width="100px" height="100px  alt=" ">

<p>BOE画屏App</p>

</li>

<li class="rrli "><img src="./images/qrcode3.png " height="100px " width="100px " alt=" ">

<p>BOE移动健康App</p>

</li>

</ul>

</div>

</div>

<div class="bottom ">

<ul>

<li><p><a href="# ">网站地图</a>&nbsp;|&nbsp;<a href="# "> 隐私条款</a>&nbsp; |&nbsp; <a href="# ">除名查询</a> &nbsp;|&nbsp;<a href=" "> 快速链接</a></p></li>

<li class="b "><p><a href="# ">Copyright©2020京东方科技集团股份有限公司 版权所有</a></p></li>

<li><p>京ICP备12041691号-2.<a href="# ">京公网安备11010502026582</a><br>

<a href="# ">互联网药品信息服务资格证书 （京）-非经营性-2017-0039</a>

</p></li>

</ul>

</div>

</div>

</div>

<div class="aaa ">

<div class="a_1 aa ">

</div>

<div class="a_2 aa "></div>

<div class="a_3 aa "></div>

<div class="b_1 bb "></div>

</div>

</div>

<script src="jquery-3.5.1.js "></script>

<script type="text/javascript " src="./京东BOE.js "></script>

<script type="text/javascript " src="./京东BOE1.js "></script>

</body>

</html>

仿京东BOE官网 html代码的更多相关文章

  1. 仿京东BOE官网 jQuery代码

    $(function() { $("#chanping").mouseenter(function() { $("#column").slideDown(500 ...

  2. 仿京东BOE官网 JavaScript代码

    let items = document.getElementsByClassName('item'); let points = document.getElementsByClassName('p ...

  3. 仿京东BOE官网 css代码

    * { margin: 0; padding: 0; border: 0; list-style: none; } .box { width: 1518px; height: 1300px; marg ...

  4. 仿京东BOE官网图片链接

  5. 基于jQuery仿迅雷影音官网幻灯片特效

    分享一款基于jQuery仿迅雷影音官网幻灯片特效迅.雷影音官网jQuery幻灯片特效是一款带左右箭头,索引按钮切换的jQuery幻灯片代码.效果图如下: 在线预览   源码下载 实现的代码. html ...

  6. android 官网处理图片 代码

    /** * 获取压缩后的图片 (官网大图片加载对应代码) * * @param res * @param resId * @param reqWidth * 所需图片压缩尺寸最小宽度 * @param ...

  7. 仿智能社官网：原生JS实现简单又酷炫的3D立方体时钟

    先放一下我做的效果:https://linrunzheng.github.io/3Dclock/3Dclock/new.html 至于3D立方体怎么做这里就不在阐述了,可以看一下我之前的博客. 这里默 ...

  8. Bootstrap--模仿官网写一个页面

    本文参考Bootstrap官方文档写了简单页面来熟悉Bootstrap的栅格系统.常用CSS样.Javascript插件和部分组件. 以下html代码可以直接复制本地运行: BootstrapPage ...

  9. 一款jQuery仿海尔官网全屏焦点图特效代码

    一款jQuery仿海尔官网全屏焦点图特效代码,带有左右箭头的jQuery焦点图切换特效. 当焦点图切换时,下方的三块小图也相对应的进行切换.并且特效还兼容头疼的IE6.赶快去和谐了它吧! 适用浏览器: ...

随机推荐

  1. Git 提交、删除、切换命令

    1.将本地代码提交到远程仓库 [初始将文件修改上传到远程仓库] 初始化: git init 添加到暂存区: git  add . 提交到仓库: git commit -m 'first commit' ...

  2. vue“欺骗”ueditor，实现图片上传

    一.环境介绍 @vue/cli 4.3.1 webpack 4.43.0 ueditor1.4.3.3 jsp版 二.springboot集成ueditor,实现分布式图片上传 参考我的另一篇博客,& ...

  3. PHP array_uintersect_assoc() 函数

    实例 比较两个数组的键名和键值(使用内建函数比较键名,使用用户自定义函数比较键值),并返回交集: <?phpfunction myfunction($a,$b){if ($a===$b){ret ...

  4. CF EC 87 div2 1354 C2 Not So Simple Polygon Embedding 计算几何 结论

    LINK:Not So Simple Polygon Embedding 搞了好久终于搞会了. 错误原因 没找到合适算边长的方法 要么就是边长算的时候算错了. 几何学的太差了 最后虽然把十边形的和六边 ...

  5. 解决Jenkins的html样式不生效问题的终极方案

    本文从四个步骤来分享我们在自行搭建jenkins过程中遇到的报表样式不全(即html报告展示不正确)的问题: 1.问题现象 2.问题原因 3.问题原因补充 4.解决方法(可以直接跳到第四步解决问题) ...

  6. Netty(一)：server启动流程解析

    netty作为一个被广泛应用的通信框架,有必要我们多了解一点. 实际上netty的几个重要的技术亮点: 1. reactor的线程模型; 2. 安全有效的nio非阻塞io模型应用; 3. pipeli ...

  7. TestFlight无法访问怎么办？TF如何链接AppStoreConnect解决教程

    最近苹果商店半天下架近3万款应用的新闻闹的沸沸扬扬,很多被下架应用的运营商转将APP上架了TestFlight内测商店(TF签名上架),但是从7月31日起很多用户就开始反映TestFlight内测应用 ...

  8. “随手记”APP与已经发布的记账软件“鲨鱼记账”的差距

    我们使用并观察了“鲨鱼记账”APP,发现,我们的软件真的还有很多不足的地方.就功能这方面来说:“鲨鱼记账”APP有更多的收入.支出分类:就界面来说:“鲨鱼记账”APP有比我们优美太多的页面和背景.但是 ...

  9. “随手记”开发记录day04

    今天完成了添加收入和支出的页面,其实挺简单的就是里面的那个图表有些难搞,你得把每个图标和文字对应起来 挺费事的 话不多说,上效果 其中点击旋转按钮转换收入支出是我们找了好久才找出来这个方法的,太不容易 ...

  10. 【lhyaaa】2020深圳大湾区比赛总结

    又名花样丢分锦集 首先,我们需要来吐槽一下垃圾szccf,毁我青春 居然没有提醒不能用万能头文件,导致一题爆0,据说还有一些结果不是自己答的 emmm-- 进正题 选择题 对包含n个数的序列进行冒泡排 ...