-
Notifications
You must be signed in to change notification settings - Fork 0
/
news.html
353 lines (203 loc) · 7.8 KB
/
news.html
1
<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Compatible" content="ie=edge" /> <title>博尧科技|新闻动态</title> <link rel="shortcut icon" href="image/ico.png"> <!--默认样式--> <link rel="stylesheet" href="css/reset.css"> <!--响应式框架--> <link rel="stylesheet" type="text/css" href="css/bootstrap.css"> <!--css3动画库--> <link rel="stylesheet" href="css/animate.css"> <!--导航样式--> <link rel="stylesheet" href="css/head.css" /> <!--图片和滚屏样式--> <link rel="stylesheet" href="css/index.css"> <!--共用样式--> <link rel="stylesheet" href="css/comment.css"> <!--新闻样式--> <link rel="stylesheet" href="css/news.css"> <style type="text/css"> body{ padding-top: 100px; } .media-body{ width: 100%; } </style> </head></head><body> <!-- 导航 --> <header class="header top"> <div class=" clearfix"> <div class="fl left"> <a href="" ><img src="image/logo3.png" alt="" class="img1" /></a> <a href="" ><img src="image/logo3.png" alt="" class="img2" /></a> </div> <div class="fl nav"> <ul class="navbar_nav" data-in="fadeInDown" data-out="fadeOutUp"> <li> <a href="index.html">首页</a> </li> <li> <a href="vr.html">VR/AR</a> </li> <li> <a href="wxapp.html">小程序/公众号</a> </li> <li > <a href="app.html">APP开发</a> </li> <li> <a href="case.html">案例展示</a> </li> <li class="active"> <a href="news.html" class="active">新闻动态</a> </li> <li> <a href="contact_us.html">关于我们</a> </li> </ul> </div> <a href="" id="navToggle"> <span></span> </a> </div> </header> <!-- 内容 --> <div class=""> <div class="container"> <div class="details-tit-box"> <div class="details-tit-item-l"> <div class="details-tit-sm">NEWS INFORMATINO</div> </div> <div class="details-tit-item-r"> <div class="details-tit-inner"> 新闻 </div> <div class="details-tit-inner"> 动态 </div> </div> </div> <div class="news-list-content"> <div class="media news-list"> <a href="./news/news_details5.html" class="news-list-inner" target="_blank"> <div class="media-left"> <img class="media-object" src="./pic/news/weilai.jpg" alt="..."> </div> <div class="media-body"> <h4 class="media-heading news-title">博尧科技总经理董家铄出席未来企业家俱乐部活动</h4> <div class="news-time">发布时间:2019-10</div> <div class="news-text">董家铄出席未来企业家俱乐部活动,并与华大集团、华为集团等企业进行了项目交流</div> </div> </a> </div> <div class="media news-list"> <a href="./news/news_details4.html" class="news-list-inner" target="_blank"> <div class="media-left"> <img class="media-object" src="./pic/news/guojiazhengxiewei.jpg" alt="..."> </div> <div class="media-body"> <h4 class="media-heading news-title">我司董家铄与全国政协常委、安徽省政协副主席夏涛一行交流公司MR项目.</h4> <div class="news-time">发布时间:2019-09</div> <div class="news-text">我司董家铄与全国政协常委、安徽省政协副主席夏涛一行交流公司MR项目.</div> </div> </a> </div> <div class="media news-list"> <a href="./news/news_details3.html" class="news-list-inner" target="_blank"> <div class="media-left"> <img class="media-object" src="./pic/news/funeng.jpg" alt="..."> </div> <div class="media-body"> <h4 class="media-heading news-title">第二届赋能AR/VR跨界融合创新论坛</h4> <div class="news-time">发布时间:2019-08-10</div> <div class="news-text">博尧科技出席AR/VR跨界融合创新论坛,为推动AR/VR的融合于创新发展，助力相关产业链的发展。日前，由深圳市增强现实技术应用协会、OF WEEK维科网及微泽网等联合承办，以“赋能科技 跨界融合”为主题的第二届“赋能|AR/VR跨界融合创新论坛”在上海成功举办。本次活动由英诺贝杰（深圳）科技有限公司总经理；深圳市增强现实技术应用协会成员赖涵主持。</div> </div> </a> </div> <div class="media news-list"> <a href="./news/news_details2.html" class="news-list-inner" target="_blank"> <div class="media-left"> <img class="media-object" src="./pic/news/chuangye1.jpg" alt="..."> </div> <div class="media-body"> <h4 class="media-heading news-title">董家铄获评“潍坊市大学生十大创业之星”</h4> <div class="news-time">发布时间:2019-06-06</div> <div class="news-text">本次参赛的创业项目百花齐放，涵盖生态农业、机器人教育、医疗器械、新型环保材料、新能源、互联网+生活服务、智能社区、文化传媒、AR教育等十余个领域，创新性强、实用性高是本次参赛项目的两大特点。大赛采用“以赛促投、以赛促创”模式，引入新时代远景、赛伯乐投资、蓝海股权、潍坊金控、威海商业银行、智联资本、星科创业等全国知名投融资机构投资人担任评委，现场举牌并投资优秀项目</div> </div> </a> </div> <div class="media news-list"> <a href="./news/news_details1.html" class="news-list-inner" target="_blank"> <div class="media-left"> <img class="media-object" src="./pic/news/changbingxuan.jpg" alt="..."> </div> <div class="media-body"> <h4 class="media-heading news-title">全国人大常委会副委员长吉炳轩一行来我司进行调研</h4> <div class="news-time">发布时间:2019-05</div> <div class="news-text">全国人大常委会副委员长吉炳轩一行来我司进行调研，潍坊市委副书记、市长田庆盈等市领导陪同</div> </div> </a> </div> </div> </div> </div> <footer> <div>Copyright©2017 潍坊博尧信息科技有限公司,All Rights Reserved <a href="http://beian.miit.gov.cn">鲁ICP备18011121号</a></div> </footer> <script src="js/jquery.min.js"></script> <script type="text/javascript"> $(function () { loadPage() }) function loadPage(){ $.ajax({ url:'json/news.json', dataType:'json',//服务器返回json格式数据 type:'get',//HTTP请求类型 timeout:10000,//超时时间设置为10秒； success:function(data){ var list = data.news addEle(list) }, error:function(){ alert('error! false') } }); } function addEle(list){ var listEles = [] $.each(list,function (){ // console.log(this.href) // var listEle = {} var listHtml = '' listHtml = '<div class="media news-list">'+ '<a href="'+this.href+'" class="news-list-inner" target="_blank">'+ '<div class="media-left">'+ '<img class="media-object" src="'+this.imgSrc+'" alt="...">'+ '</div>'+ '<div class="media-body">'+ '<h4 class="media-heading news-title">'+this.newTitle+'</h4>'+ '<div class="news-time">'+this.newTime+'</div>'+ '<div class="news-text">'+this.newText+'</div>'+ '</div>'+ '</a>'+ '</div>' listEles.push(listHtml) // console.log(listEles) }) $.each(listEles,function () { // console.log(this[0]) $('.news-list-content').append(this) }) } </script></body></html>