DNA存储研究中心

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="toTop" content="true"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0"> <meta name="renderer" content="webkit"> <title>DNA存储研究中心</title><meta name="pageType" content="1"> <meta name="pageTitle" content="DNA存储研究中心"> <META Name="keywords" Content="DNA存储研究中心" /> <meta name="description" content=" " /> <link href="favicon.ico" rel="shortcut icon" type="image/x-icon" /> <link rel="stylesheet" href="style/bootstrap.min.css"> <link href="style/swiper.min.css" rel="stylesheet"> <link rel="stylesheet" href="font-awesome/css/font-awesome.min.css"> <link rel="stylesheet" href="style/animated-border.min.css"> <link rel="stylesheet" href="style/animate.css"> <link type="text/css" href="style/common.css" rel="stylesheet"> <link type="text/css" href="style/index.css?v=20220301" rel="stylesheet"> <script type="text/javascript" src="script/jquery.min.js"></script>  <link rel="stylesheet" type="text/css" href="_sitegray/_sitegray_d.css" /> <script language="javascript" src="_sitegray/_sitegray.js"></script>  <link rel="stylesheet" type="text/css" href="index.vsb.css" /> <script type="text/javascript" src="/system/resource/js/counter.js"></script> <script type="text/javascript">_jsq_(1001,'/index.jsp',-1,1800027718)</script> </head> <body> <div class="box">  <nav class="header navbar navbar-default visible-xs visible-sm">  <div class="navbar-header "> <div class="container"> <div class="row"> <a href="" class="visible-xs visible-sm logo1"> <img src="images/logo.png" id="img" class="img-responsive"> </a> <div class="header-mobile visible-xs visible-sm"> <div class="site-tree-mobile"> <span class="fa fa-reorder"></span> </div> <div class="site-mobile-shade"></div> </div> </div> </div> </div> <div class="header-nav"> <div class="container"> <ul class="nav nav-pills " id="nav-animate" data-animation="fadeIndown"> <li class="mobile-nav-header"> <div class="closeIcon">×</div> </li> <li> <a data-href=""> <span>EN</span> </a> </li> <li role="presentation" class="dropdown"> <a data-href="index.htm" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false"> <span>首页</span> <i class="fa fa-angle-down"></i> </a> </li> <li role="presentation" class="dropdown"> <a data-href="zxgk1/zxjj.htm" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false"> <span>中心概况</span> <i class="fa fa-angle-down"></i> </a> <ul class="dropdown-menu animated" data-animation="fadeInUp"> <li class="mobile-nav-header"> <div class="back"><i class="fa fa-long-arrow-left"></i></div> <div class="closeIcon">×</div> </li> <li class="col-md-3"> <a href="zxgk1/zxjj.htm" class="sub-title">中心简介</a> </li> <li class="col-md-3"> <a href="zxgk1/zxld.htm" class="sub-title">中心领导</a> </li> <li class="col-md-3"> <a href="zxgk1/zrjy.htm" class="sub-title">主任寄语</a> </li> <li class="col-md-3"> <a href="zxgk1/lxwm.htm" class="sub-title">联系我们</a> </li> </ul> </li> <li role="presentation" class="dropdown"> <a data-href="ryxx/yan_jiu_tu_a.htm" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false"> <span>人员信息</span> <i class="fa fa-angle-down"></i> </a> <ul class="dropdown-menu animated" data-animation="fadeInUp"> <li class="mobile-nav-header"> <div class="back"><i class="fa fa-long-arrow-left"></i></div> <div class="closeIcon">×</div> </li> <li class="col-md-3"> <a href="ryxx/yan_jiu_tu_a.htm" class="sub-title">研究团队</a> </li> <li class="col-md-3"> <a href="ryxx/bsh.htm" class="sub-title">博士后</a> </li> <li class="col-md-3"> <a href="ryxx/yjs.htm" class="sub-title">研究生</a> </li> </ul> </li> <li role="presentation" class="dropdown"> <a data-href="kxyj1/kydt.htm" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false"> <span>科学研究</span> <i class="fa fa-angle-down"></i> </a> <ul class="dropdown-menu animated" data-animation="fadeInUp"> <li class="mobile-nav-header"> <div class="back"><i class="fa fa-long-arrow-left"></i></div> <div class="closeIcon">×</div> </li> <li class="col-md-3"> <a href="kxyj1/kydt.htm" class="sub-title">科研动态</a> </li> <li class="col-md-3"> <a href="kxyj1/lwzl.htm" class="sub-title">论文专利</a> </li> <li class="col-md-3"> <a href="kxyj1/yjjs.htm" class="sub-title">研究介绍</a> </li> </ul> </li> <li role="presentation" class="dropdown"> <a data-href="xshd.htm" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false"> <span>学术活动</span> <i class="fa fa-angle-down"></i> </a> </li> <li role="presentation" class="dropdown"> <a data-href="zszp1/zpxx.htm" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false"> <span>招生招聘</span> <i class="fa fa-angle-down"></i> </a> <ul class="dropdown-menu animated" data-animation="fadeInUp"> <li class="mobile-nav-header"> <div class="back"><i class="fa fa-long-arrow-left"></i></div> <div class="closeIcon">×</div> </li> <li class="col-md-3"> <a href="zszp1/zpxx.htm" class="sub-title">招聘信息</a> </li> <li class="col-md-3"> <a href="zszp1/zsxx.htm" class="sub-title">招生信息</a> </li> </ul> </li> </ul> </div> </div> </nav>  <div class="wc-topbg hidden-sm hidden-xs "> <div class="top"> <div class="container"> <div class="row"> <div class="logo col-lg-6 col-md-6 col-sm-4 "> <a href=""><img src="images/logo.png" alt="" title="" /></a> </div> <div class="top-right col-lg-6 col-md-6 col-sm-8"> <div class="top-one"> <script language="javascript" src="/system/resource/js/base64.js"></script><script language="javascript" src="/system/resource/vue/vue.js"></script><script language="javascript" src="/system/resource/vue/bluebird.min.js"></script><script language="javascript" src="/system/resource/vue/axios.js"></script><script language="javascript" src="/system/resource/vue/polyfill.js"></script><script language="javascript" src="/system/resource/vue/token.js"></script><LINK href="/system/resource/vue/static/element/index.css" type="text/css" rel="stylesheet"><script language="javascript" src="/system/resource/vue/static/element/index.js"></script><script language="javascript" src="/system/resource/vue/static/public.js"></script> <div id="divu1"></div> <script type="text/html" id="htmlu1"> <div id="appu1"> <div v-if="!isError"> <div class="searchbg fr"> <div class="inp-text fl"> <input type="text" class="inp-text" autocomplete=off v-model=query.keyWord @keyup.enter="onSubmit" /> </div> <div class="inp-but fr"> <input type="submit" class="inp-but" name="submit_button" value="" v-on:click="onSubmit()" /> </div> <div class="clearfix"></div> </div> </div> <div v-if="isError" style="color: #b30216; font-size:18px;text-align: center;padding:20px;"> 应用维护中！ </div> </div> </script> <script> $("#divu1").html($("#htmlu1").text()); </script> <script> var appOwner = "1800027718"; var token = 'tourist'; var urlPrefix = "/aop_component/"; jQuery.support.cors = true; $.ajaxSetup({ beforeSend: function (request, settings) { request.setRequestHeader("Authorization", token); request.setRequestHeader("owner", appOwner); } }); new Vue({ el: "#appu1", data: function () { return { query: { keyWord: "",//搜索关键词 owner: appOwner, token: token, urlPrefix: urlPrefix, lang:"i18n_zh_CN" }, isError: false } }, mounted: function () { var _this = this; // _this.init(); }, methods: { init: function(){ $.ajax({ url: "/aop_component//webber/search/test", type: "get", success: function (response) { if (response.code == "0000") { } else if (response.code == "220") { _this.isError = true; console.log(response); } else if (!response.code) { _this.isError = true; console.log(response); } }, error: function (response) { _this.isError = true; } }); }, onSubmit: function (e) { var url = "/views/search/modules/resultpc/soso.html"; if ("10" == "1" || "10" == "2") { url = "http://10.119.10.191:8083/" + url; } var _this = this; var query = _this.query; if (url.indexOf("?") > -1) { url = url.split("?")[0]; } if (query.keyWord) { var query = new Base64().encode(JSON.stringify(query)); window.open(url + "?query=" + query); } else { alert("请填写搜索内容") } }, } }) </script> <div class="home fr"> <a href="">EN</a> </div> <div class="clearfix"></div> </div>  </div> <div class="clearfix"></div> </div> </div> </div>  <div class="wc-menu"> <div class="container"> <div class="row"> <ul class="col-lg-12 col-md-12 col-sm-12"> <li> <a href="index.htm" data-id="1" class="active"> 首页 </a> </li> <li> <a href="zxgk1/zxjj.htm" data-id="2"> 中心概况 </a> <div class="ernav"> <ul> <li> <a href="zxgk1/zxjj.htm"> 中心简介 </a> </li> <li> <a href="zxgk1/zxld.htm"> 中心领导 </a> </li> <li> <a href="zxgk1/zrjy.htm"> 主任寄语 </a> </li> <li> <a href="zxgk1/lxwm.htm"> 联系我们 </a> </li> </ul> </div> </li> <li> <a href="ryxx/yan_jiu_tu_a.htm" data-id="3"> 人员信息 </a> <div class="ernav"> <ul> <li> <a href="ryxx/yan_jiu_tu_a.htm"> 研究团队 </a> </li> <li> <a href="ryxx/bsh.htm"> 博士后 </a> </li> <li> <a href="ryxx/yjs.htm"> 研究生 </a> </li> </ul> </div> </li> <li> <a href="kxyj1/kydt.htm" data-id="4"> 科学研究 </a> <div class="ernav"> <ul> <li> <a href="kxyj1/kydt.htm"> 科研动态 </a> </li> <li> <a href="kxyj1/lwzl.htm"> 论文专利 </a> </li> <li> <a href="kxyj1/yjjs.htm"> 研究介绍 </a> </li> </ul> </div> </li> <li> <a href="xshd.htm" data-id="5"> 学术活动 </a> </li> <li> <a href="zszp1/zpxx.htm" data-id="6"> 招生招聘 </a> <div class="ernav"> <ul> <li> <a href="zszp1/zpxx.htm"> 招聘信息 </a> </li> <li> <a href="zszp1/zsxx.htm"> 招生信息 </a> </li> </ul> </div> </li> </ul> </div> </div> </div>  </div>   <div class="banner pos text-center"> <script language="javascript" src="/system/resource/js/dynclicks.js"></script><script language="javascript" src="/system/resource/js/centerCutImg.js"></script><script language="javascript" src="/system/resource/js/ajax.js"></script><div class="swiper-container"> <div class="swiper-wrapper pos"> <div class="swiper-slide "> <div class="bbg"></div> <a href="info/1011/1020.htm"> <img src="/__local/D/5C/A1/EAB6369AD8E2BD1E6D4E66A0B3B_31056BC1_418D6.jpg" /> <div class="b-tt"> <div class="container"> </div> </div> </a> </div> <div class="swiper-slide "> <div class="bbg"></div> <a href="info/1011/1021.htm"> <img src="/__local/4/2C/D5/1B3FEBA57FF492FD453557E5B8C_F4602C93_3EEBB.jpg" /> <div class="b-tt"> <div class="container"> </div> </div> </a> </div> <div class="swiper-slide "> <div class="bbg"></div> <a href="info/1011/1022.htm"> <img src="/__local/4/1B/AB/AA473309DE28F42E7E3EF568345_8C506931_36676.jpg" /> <div class="b-tt"> <div class="container"> </div> </div> </a> </div> <div class="swiper-slide "> <div class="bbg"></div> <a href="info/1011/1063.htm"> <img src="/__local/D/C8/25/579C33055F0E6A6DDC0E82E4F16_AB66CB93_71DE2.jpg" /> <div class="b-tt"> <div class="container"> </div> </div> </a> </div> </div> <div class="bpage"> <div class="container">  <div class="swiper-pagination "></div> </div> </div> </div> <script>_showDynClickBatch(['dynclicks_u3_1020','dynclicks_u3_1021','dynclicks_u3_1022','dynclicks_u3_1063'],[1020,1021,1022,1063],"wbnews", 1800027718)</script> </div>  <div class="newsbg"> <div class="container"> <div class="row"> <div class="new-top col-lg-12 col-md-12 col-sm-12"> <div class="new-tit fl"> <h4>科研动态</h4><i></i><span>Research News</span> </div> <div class="new-more fr"> <a href="kxyj1/kydt.htm">更多>></a> </div> <div class="clearfix"></div> </div>  <div class="new-con col-lg-12 col-md-12 col-sm-12"> <div class="swiper-container"> <div class="swiper-wrapper pos"> <div class="swiper-slide "> <a href="info/1042/1373.htm"> <div class="li-img"> <div class="date"> <span>06</span> <p>十二月</p> </div> <img src="/__local/1/5D/5C/CF1A7342C87D735A7813875244B_7AEA941F_31C8.jpg" /> </div> <div class="li-tt"> <p>IPADS实验室的一篇论文被FAST'25接收，提出EB级容量的DNA存储块设备设计</p> </div> </a> </div> <div class="swiper-slide "> <a href="info/1042/1363.htm"> <div class="li-img"> <div class="date"> <span>25</span> <p>十一月</p> </div> <img src="/__local/3/70/E7/0C924AC01A0C7B0909B25F6D0D7_9885EC90_4C16.jpg" /> </div> <div class="li-tt"> <p>樊春海、左小磊团队在Matter发表框架核酸大数据存储重要成果</p> </div> </a> </div> <div class="swiper-slide "> <a href="info/1042/1353.htm"> <div class="li-img"> <div class="date"> <span>11</span> <p>十月</p> </div> <img src="/__local/E/01/48/468E04E3670D5438E2B19117DB2_45A17368_9A32.jpg" /> </div> <div class="li-tt"> <p>上海交通大学在框架核酸近红外荧光探针及手术导航方面取得重要进展</p> </div> </a> </div> <div class="swiper-slide "> <a href="info/1042/1313.htm"> <div class="li-img"> <div class="date"> <span>22</span> <p>六月</p> </div> <img src="/__local/8/1A/60/1E9D63FBDEE948E3C91B527D66B_424E5B44_7D52.jpg" /> </div> <div class="li-tt"> <p>拓扑编程的DNA折纸系统</p> </div> </a> </div> <div class="swiper-slide "> <a href="info/1042/1301.htm"> <div class="li-img"> <div class="date"> <span>14</span> <p>九月</p> </div> <img src="/__local/4/8A/9B/FE7D1D23D4FE13CB63D6F970BD9_7A9A1915_FA16.png" /> </div> <div class="li-tt"> <p>上海交通大学在DNA计算领域取得重要进展</p> </div> </a> </div> <div class="swiper-slide "> <a href="info/1042/1291.htm"> <div class="li-img"> <div class="date"> <span>16</span> <p>八月</p> </div> <img src="/__local/7/97/2A/761B50C74DB64055D606F4EC7A2_8135DEFD_9764.jpg" /> </div> <div class="li-tt"> <p>框架核酸状态机在活细胞中实现CRISPR系统分级输运</p> </div> </a> </div> <div class="swiper-slide "> <a href="info/1042/1282.htm"> <div class="li-img"> <div class="date"> <span>04</span> <p>五月</p> </div> <img src="/__local/7/C8/E6/ABAD437E7C2D763CB61D83B912E_A3FDB612_9565.jpg" /> </div> <div class="li-tt"> <p>Angew. Chem.：顾宏周课题组开发PECAN技术实现无疤痕裁剪、自由制备任意序列DNA</p> </div> </a> </div> <div class="swiper-slide "> <a href="info/1042/1271.htm"> <div class="li-img"> <div class="date"> <span>29</span> <p>三月</p> </div> <img src="/__local/F/D3/42/8966044BD819F8AEBD63327217A_A894931F_11CE4.jpg" /> </div> <div class="li-tt"> <p>基于框架核酸生物传感的多维分子分型研究取得重要进展</p> </div> </a> </div> </div>  <div class="swiper-pagination "></div> </div> </div> <script>_showDynClickBatch(['dynclicks_u4_1373','dynclicks_u4_1363','dynclicks_u4_1353','dynclicks_u4_1313','dynclicks_u4_1301','dynclicks_u4_1291','dynclicks_u4_1282','dynclicks_u4_1271'],[1373,1363,1353,1313,1301,1291,1282,1271],"wbnews", 1800027718)</script> </div> </div> </div>  <div class="noticebg"> <div class="container"> <div class="row"> <div class="notice-left col-lg-6 col-md-6 col-sm-12 "> <div class="new-top "> <div class="new-tit fl"> <h4>新闻动态</h4><i></i><span>news</span> </div> <div class="new-more fr"> <a href="xwzx/xwdt.htm">更多>></a> </div> <div class="clearfix"></div> </div>  <div class="notice-leftcon"> <ul> <li> <a href="info/1013/1383.htm"> <div class="li-img fl"> <img src="/__local/1/5D/5C/CF1A7342C87D735A7813875244B_7AEA941F_31C8.jpg" /> <p>2024-12-06</p> </div> <div class="li-tt fr"> <h4>IPADS实验室的一篇论文被FAST'25接收，提出EB级容量的DNA存储块设备设计</h4> <p>第23届 USENIX 文件与存储技术会议（FAST: 23rd USENIX Conference on File and Storage Technologies）将于2025年2月25日-27日在美国加利福尼亚召开。FAST 是存储系统领域的顶级学术会议。本次共有167篇论文投稿，接收36篇（接收率21.5%）。IPADS 实验室与樊春海院士团队合作的一篇论文被接收，这是FAST会议上首篇DNA存储的工作。论文具体信息如下：题目：Liquid-State Drive: A Case for DNA Block Device for Enormous Data.作者：...</p> </div> </a> <div class="clearfix"></div> </li> <li> <a href="info/1013/1343.htm"> <div class="li-img fl"> <img src="/__local/8/97/82/27EC37AA7F6389736144FF0DAD7_CD594F1F_3670.jpg" /> <p>2024-07-13</p> </div> <div class="li-tt fr"> <h4>上海交通大学王飞副教授入选2023年《麻省理工科技评论》“35 岁以下科技创新 35 人 ”（中国）</h4> <p>7月11日2023 年度《麻省理工科技评论》“35 岁以下科技创新 35 人”（TR35）中国区入选名单发布上海交通大学王飞副教授入选入选理由：首次在实验上展示了包含 30 个逻辑门元件、30 层 DNA 链取代反应的大规模计算电路的可靠运行，突破了近 20 年 DNA 分子计算在电路规模和电路深度的瓶颈。王飞的研究致力于解决液相大规模信息处理有效性的挑战，致力于构建大规模的 DNA 分子计算与大数据 DNA 存储系统。她提出了以单链 DNA 作为全局性传输信号的通用性液相集成电路构建策略，...</p> </div> </a> <div class="clearfix"></div> </li> <li> <a href="info/1013/1302.htm"> <div class="li-img fl"> <img src="/__local/4/8A/9B/FE7D1D23D4FE13CB63D6F970BD9_7A9A1915_FA16.png" /> <p>2023-09-14</p> </div> <div class="li-tt fr"> <h4>上海交通大学在DNA计算领域取得重要进展</h4> <p> 上海交通大学化学化工学院/变革性分子前沿科学中心樊春海院士与王飞副教授近期发展了一种支持通用性数字计算的DNA可编程门阵列（DNA-based programmable gate array, DPGA），可通过分子指令编程的方式实现通用数字DNA计算，实现了无衰减大规模液相分子电路的构建。该成果近日发表于《自然》（Nature）杂志。 1994年，图灵奖得主Adleman提出利用DNA的碱基互补配对原则来发展生物计算。自那以后，基于DNA分子间相互...</p> </div> </a> <div class="clearfix"></div> </li> </ul> </div> <script>_showDynClickBatch(['dynclicks_u5_1383','dynclicks_u5_1343','dynclicks_u5_1302'],[1383,1343,1302],"wbnews", 1800027718)</script> </div>  <div class="notice-right col-lg-6 col-md-6 col-sm-12"> <div class="new-top "> <div class="new-tit fl"> <h4>学术活动</h4><i></i><span>Academic Activities</span> </div> <div class="new-more fr"> <a href="xshd.htm">更多>></a> </div> <div class="clearfix"></div> </div>  <div class="notice-rightcon"> <ul> <li> <div class="li-date fl"> <p>25</p> <span>Sep</span> </div> <div class="li-tt fr"> <a href="info/1008/1068.htm">国家自然科学基金基础科学中心项目“核酸信息材料”现场考察会在上海交大举行</a> <div class="li-pp"> <p><img src="images/ic1.png" />报告人：“核酸信息材料”现场考察会</p> <p> <img src="images/ic2.png" />时间：2021年9月24日 <span><img src="images/ic3.png" />地点：上海交通大学</span> </p> </div> </div> <div class="clearfix"></div> </li> </ul> </div>  <script>_showDynClickBatch(['dynclicks_u6_1068'],[1068],"wbnews", 1800027718)</script> </div>  <div class="clearfix"></div> </div> </div> </div>  <div class="linkbg"> <div class="container"> <div class="row"> <div class="link-ul col-lg-12 col-md-12 col-sm-12"> <ul> <li><a href="https://scce.sjtu.edu.cn/">化学化工学院</a></li> <li><a href="https://fsctm.sjtu.edu.cn/">变革性分子前沿科学中心</a></li> <li><a href="http://e-chem.sjtu.edu.cn/labmai/home/#/">化学品管理系统</a></li> <li><a href="https://iac.sjtu.edu.cn/customer/index/index.html">分析测试中心</a></li> <li><a href="https://transmed.sjtu.edu.cn/#/">转化医学研究院</a></li> <li><a href="https://lac.sjtu.edu.cn/">实验动物中心</a></li> </ul><script>_showDynClickBatch(['dynclicks_u7_1028','dynclicks_u7_1027','dynclicks_u7_1026','dynclicks_u7_1025','dynclicks_u7_1024','dynclicks_u7_1023'],[1028,1027,1026,1025,1024,1023],"wbnews", 1800027718)</script> </div>  </div> </div> </div>  <div class="footer"> <div class="container pos"> <div class="row"> <div class="fp-left col-lg-7 col-md-7 col-sm-7"> <script language="javascript" src="/system/resource/js/news/mp4video.js"></script> <p>地址：上海市东川路800号         邮编：200240         查号：86-21-5474000</p> <p>沪交ICP备20220109   版权所有©上海交通大学</p> </div>  <div class="fp-right col-lg-5 col-md-5 col-sm-5 text-right"> <a href=""><img src="images/flogo.png" /></a> </div> </div> </div> </div>  </div>   <script type="text/javascript" src="script/bootstrap.min.js"></script> <script type="text/javascript" src="script/bootstrap-dropdown-on-hover.js"></script> <script type="text/javascript" src="script/index.js"></script> <script type="text/javascript" src="script/nav.js"></script>   <script type="text/javascript" src="script/jquery.SuperSlide.js"></script> <script src="script/swiper.min.js"></script> <script type="text/javascript" src="script/toTop.js"></script> <script> var swiper = new Swiper('.banner .swiper-container', { spaceBetween: 0, speed: 1000, loop: true, autoplay: { delay: 5000, stopOnLastSlide: false, disableOnInteraction: false, }, pagination: { el: '.banner .swiper-pagination', clickable: true, }, }); var swiper = new Swiper('.new-leftcon .swiper-container', { spaceBetween: 0, speed: 1000, loop: true, autoplay: { delay: 5000, stopOnLastSlide: false, disableOnInteraction: false, }, pagination: { el: '.new-leftcon .swiper-pagination', clickable: true, }, }); var yueSwiper = new Swiper('.new-con .swiper-container', { slidesPerView: 4, spaceBetween: 30, speed: 1000, loop: false, autoplay: { delay: 4000, stopOnLastSlide: false, disableOnInteraction: false, }, pagination: { el: '.new-con .swiper-pagination', clickable: true, }, breakpoints: { //当宽度大于等于768 378: { slidesPerView: 1, slidesPerGroup: 1, spaceBetween: 10 }, 768: { slidesPerView: 2, slidesPerGroup: 1, spaceBetween: 10 }, 991: { slidesPerView: 3, slidesPerGroup: 1, spaceBetween: 30 }, }, }) </script> <script> $(function () { $(window).scroll(function () { if ($(".newsbg").offset().top - $(window).scrollTop() < $(window).height()) { $(".newsbg").addClass("animated fadeInUp"); } if ($(".noticebg").offset().top - $(window).scrollTop() < $(window).height()) { $(".noticebg").addClass("animated fadeInLeft"); } if ($(".linkbg").offset().top - $(window).scrollTop() < $(window).height()) { $(".linkbg").addClass("animated fadeInUp"); } if ($(".footer").offset().top - $(window).scrollTop() < $(window).height()) { $(".footer").addClass("animated fadeInUp"); } }); }); </script> </body> </html>

CINXE.COM

DNA存储研究中心