|
|
| Line 1: |
Line 1: |
| − | {{UESTC-China/nav}}
| |
| − | <html>
| |
| − | <body>
| |
| − | <style type="text/css">
| |
| − | .teambtn{
| |
| − | border:0;
| |
| − | background-color: transparent;
| |
| − | padding: 0;
| |
| − | }
| |
| − | .teambtn:active{
| |
| − | border:0;
| |
| − | background-color: transparent;
| |
| − | color: transparent;
| |
| − | }
| |
| − | input,button,select,textarea{outline:none;}
| |
| − |
| |
| − | #myModal{
| |
| − | left: 50%;
| |
| − | top: 45%;
| |
| − | transform: translate(-50%,-50%);
| |
| − | overflow: visible;
| |
| − | bottom: inherit;
| |
| − | right: inherit;
| |
| − | }
| |
| | | | |
| − | h2{
| |
| − | text-align: center;
| |
| − | }
| |
| − | h2:hover{
| |
| − | color:#b6caf2;
| |
| − | }
| |
| − |
| |
| − | h1{
| |
| − | border-left:6px solid #b6caf2;
| |
| − | border-bottom:0;
| |
| − | padding: 0px 0px 0px 10px;
| |
| − | }
| |
| − |
| |
| − | .mybtn{
| |
| − | z-index: 99;
| |
| − | position:relative;
| |
| − | left:45%;
| |
| − | background-color: transparent;
| |
| − | top:-100px
| |
| − | }
| |
| − |
| |
| − | @media(max-width:767px){
| |
| − | .mybtnless{
| |
| − | display: none;
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @media(min-width:768px){
| |
| − | .myconless{
| |
| − | margin-top:-80px;
| |
| − | }
| |
| − | }
| |
| − | .myarrow{
| |
| − | position: absolute;
| |
| − | opacity: 0.6;
| |
| − | }
| |
| − | .myarrow:hover{
| |
| − | opacity: 1;
| |
| − | cursor:pointer;
| |
| − | }
| |
| − | </style>
| |
| − |
| |
| − | <div id="hide">
| |
| − | <div id="hider">
| |
| − | <img src="https://static.igem.org/mediawiki/2019/d/d0/T--UESTC-China--loading.gif" alt="loading" width="300" height="300">
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="firstph">
| |
| − | <img alt="logo" src="https://static.igem.org/mediawiki/2019/9/96/T--UESTC-China--description.jpg" style="width: 100%">
| |
| − | </div>
| |
| − |
| |
| − | <div class="firstless" >
| |
| − | <a href="#">
| |
| − | <img class="up" src="https://static.igem.org/mediawiki/2019/7/7d/T--UESTC-China--up.png" alt="logo" width="100%" >
| |
| − | </a>
| |
| − | </div>
| |
| − |
| |
| − | <!--
| |
| − | <a class="mybtn mybtnless" href="#title_1">
| |
| − | <img src="https://static.igem.org/mediawiki/2019/4/40/T--UESTC-China--down.gif" alt="logo" width="8%">
| |
| − | </a>
| |
| − | -->
| |
| − |
| |
| − |
| |
| − |
| |
| − | <div class="container" id="divTeam">
| |
| − | <div class="row">
| |
| − | <h1 style="margin-left: 20px" >Team Leader</h1>
| |
| − | <hr>
| |
| − | <div class=" col-sm-6 col-md-4" id="title_1">
| |
| − | <button class="teambtn" data-toggle="modal" data-target="#myModal" > <img src="https://static.igem.org/mediawiki/2019/7/70/T--UESTC-China--li.png" style="width: 100%" alt="logo">
| |
| − | </button>
| |
| − | <h2>Changyu Li</h2>
| |
| − | </div>
| |
| − | <div class=" col-sm-6 col-md-4" >
| |
| − | <button class="teambtn" data-toggle="modal" data-target="#myModal" > <img src="https://static.igem.org/mediawiki/2019/2/22/T--UESTC-China--gao.png" style="width: 100%" alt="logo">
| |
| − | </button>
| |
| − | <h2>Kexin Gao</h2>
| |
| − | </div>
| |
| − | <div class=" col-sm-6 col-md-4" >
| |
| − | <button class="teambtn" data-toggle="modal" data-target="#myModal" > <img src="https://static.igem.org/mediawiki/2019/7/75/T--UESTC-China--liu.png" style="width: 100%" alt="logo">
| |
| − | </button>
| |
| − | <h2>Yuanjing Liu</h2>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="row">
| |
| − | <h1 style="margin-left: 20px">Team member</h1>
| |
| − | <hr>
| |
| − | <div class=" col-sm-6 col-md-4" >
| |
| − | <button class="teambtn" data-toggle="modal" data-target="#myModal" > <img src="https://static.igem.org/mediawiki/2019/2/2c/T--UESTC-China--huo.png" style="width: 100%" alt="logo">
| |
| − | </button>
| |
| − | <h2>Jiawei Huo</h2>
| |
| − | </div>
| |
| − | <div class=" col-sm-6 col-md-4" >
| |
| − | <button class="teambtn" data-toggle="modal" data-target="#myModal" > <img src="https://static.igem.org/mediawiki/2019/e/e3/T--UESTC-China--rong.png" style="width: 100%" alt="logo">
| |
| − | </button>
| |
| − | <h2>Hairong Wang</h2>
| |
| − | </div>
| |
| − | <div class=" col-sm-6 col-md-4" >
| |
| − | <button class="teambtn" data-toggle="modal" data-target="#myModal" > <img src="https://static.igem.org/mediawiki/2019/4/4d/T--UESTC-China--cao.png" style="width: 100%" alt="logo">
| |
| − | </button>
| |
| − | <h2>Yingying Cao</h2>
| |
| − | </div>
| |
| − | <div class=" col-sm-6 col-md-4" >
| |
| − | <button class="teambtn" data-toggle="modal" data-target="#myModal" > <img src="https://static.igem.org/mediawiki/2019/b/ba/T--UESTC-China--yao.png" style="width: 100%" alt="logo">
| |
| − | </button>
| |
| − | <h2>Jing Yao</h2>
| |
| − | </div>
| |
| − | <div class=" col-sm-6 col-md-4" >
| |
| − | <button class="teambtn" data-toggle="modal" data-target="#myModal" > <img src="https://static.igem.org/mediawiki/2019/f/f7/T--UESTC-China--hou.png" style="width: 100%" alt="logo">
| |
| − | </button>
| |
| − | <h2>Bojun Hou</h2>
| |
| − | </div>
| |
| − | <div class=" col-sm-6 col-md-4" >
| |
| − | <button class="teambtn" data-toggle="modal" data-target="#myModal" > <img src="https://static.igem.org/mediawiki/2019/d/d0/T--UESTC-China--han.png" style="width: 100%" alt="logo">
| |
| − | </button>
| |
| − | <h2>Linhan Huang</h2>
| |
| − | </div>
| |
| − | <div class=" col-sm-6 col-md-4" >
| |
| − | <button class="teambtn" data-toggle="modal" data-target="#myModal" > <img src="https://static.igem.org/mediawiki/2019/8/83/T--UESTC-China--xu.png" style="width: 100%" alt="logo">
| |
| − | </button>
| |
| − | <h2>Congyu Xu</h2>
| |
| − | </div>
| |
| − | <div class=" col-sm-6 col-md-4" >
| |
| − | <button class="teambtn" data-toggle="modal" data-target="#myModal" > <img src="https://static.igem.org/mediawiki/2019/e/e8/T--UESTC-China--hao.png" style="width: 100%" alt="logo">
| |
| − | </button>
| |
| − | <h2>Minghao Fang</h2>
| |
| − | </div>
| |
| − | <div class=" col-sm-6 col-md-4" >
| |
| − | <button class="teambtn" data-toggle="modal" data-target="#myModal" > <img src="https://static.igem.org/mediawiki/2019/6/6f/T--UESTC-China--huang.png" style="width: 100%" alt="logo">
| |
| − | </button>
| |
| − | <h2>Qiuyun Huang</h2>
| |
| − | </div>
| |
| − | <div class=" col-sm-6 col-md-4" >
| |
| − | <button class="teambtn" data-toggle="modal" data-target="#myModal" > <img src="https://static.igem.org/mediawiki/2019/a/a9/T--UESTC-China--wang.png" style="width: 100%" alt="logo">
| |
| − | </button>
| |
| − | <h2>Zixin Wang</h2>
| |
| − | </div>
| |
| − | <div class=" col-sm-6 col-md-4" >
| |
| − | <button class="teambtn" data-toggle="modal" data-target="#myModal" > <img src="https://static.igem.org/mediawiki/2019/3/38/T--UESTC-China--liao.png" style="width: 100%" alt="logo">
| |
| − | </button>
| |
| − | <h2>Xingyu Liao</h2>
| |
| − | </div>
| |
| − | <div class=" col-sm-6 col-md-4" >
| |
| − | <button class="teambtn" data-toggle="modal" data-target="#myModal" > <img src="https://static.igem.org/mediawiki/2019/9/95/T--UESTC-China--lu.png" style="width: 100%" alt="logo">
| |
| − | </button>
| |
| − | <h2>Jiayi Lu</h2>
| |
| − | </div>
| |
| − | <div class=" col-sm-6 col-md-4" >
| |
| − | <button class="teambtn" data-toggle="modal" data-target="#myModal" > <img src="https://static.igem.org/mediawiki/2019/d/de/T--UESTC-China--zhou.png" style="width: 100%" alt="logo">
| |
| − | </button>
| |
| − | <h2>Yubing Zhou</h2>
| |
| − | </div>
| |
| − | <div class=" col-sm-6 col-md-4" >
| |
| − | <button class="teambtn" data-toggle="modal" data-target="#myModal" > <img src="https://static.igem.org/mediawiki/2019/c/cb/T--UESTC-China--meng.png" style="width: 100%" alt="logo">
| |
| − | </button>
| |
| − | <h2>Qiugu Meng</h2>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="row">
| |
| − | <h1 style="margin-left: 20px">Team Adviser</h1>
| |
| − | <hr>
| |
| − |
| |
| − | <div class=" col-sm-6 col-md-4" >
| |
| − | <img src="https://static.igem.org/mediawiki/2019/f/fd/T--UESTC-China--photo.png" style="width: 100%" alt="logo">
| |
| − | <h2>Zhaohui Zhong</h2>
| |
| − | </div>
| |
| − |
| |
| − | <div class=" col-sm-6 col-md-4" >
| |
| − | <img src="https://static.igem.org/mediawiki/2019/1/19/T--UESTC-China--jian.png" style="width: 100%" alt="logo">
| |
| − | <h2>Jianzhe Yang</h2>
| |
| − | </div>
| |
| − |
| |
| − | <div class=" col-sm-6 col-md-4" >
| |
| − | <img src="https://static.igem.org/mediawiki/2019/e/ee/T--UESTC-China--wu.png" style="width: 100%" alt="logo">
| |
| − | <h2>Zijian Wu</h2>
| |
| − | </div>
| |
| − |
| |
| − | </div>
| |
| − | <div class="row">
| |
| − | <h1 style="margin-left: 20px">Instructors</h1>
| |
| − | <hr>
| |
| − | <div class=" col-sm-6 col-md-3" >
| |
| − | <img src="https://static.igem.org/mediawiki/2019/2/2e/T--UESTC-China--tang.png" style="width: 100%" alt="logo">
| |
| − | <h2>Lixia Tang</h2>
| |
| − | </div>
| |
| − |
| |
| − | <div class=" col-sm-6 col-md-3" >
| |
| − | <img src="https://static.igem.org/mediawiki/2019/2/2f/T--UESTC-China--zhang.png" style="width: 100%" alt="logo">
| |
| − | <h2>Yong Zhang</h2>
| |
| − | </div>
| |
| − |
| |
| − | <div class=" col-sm-6 col-md-3" >
| |
| − | <img src="https://static.igem.org/mediawiki/2019/4/4f/T--UESTC-China--feng.png" style="width: 100%" alt="logo">
| |
| − | <h2>Juan Feng</h2>
| |
| − | </div>
| |
| − |
| |
| − | <div class=" col-sm-6 col-md-3" >
| |
| − | <img src="https://static.igem.org/mediawiki/2019/0/02/T--UESTC-China--zheng.png" style="width: 100%" alt="logo">
| |
| − | <h2>Xuelian Zheng</h2>
| |
| − | </div>
| |
| − |
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-hidden="true">
| |
| − | <div class="modal-dialog" style="width: 100%">
| |
| − | <div class="myarrow" id="next" style="right: -200px;top:40%;"><img src="https://static.igem.org/mediawiki/2019/7/77/T--UESTC-China--arrow1.png" alt="arrow" width="100%" ></div>
| |
| − | <div id="prev" class="myarrow" style="left: -200px;top:40%;"><img src="https://static.igem.org/mediawiki/2019/8/80/T--UESTC-China--arrow2.png" alt="arrow" width="100%" ></div>
| |
| − | <div class="modal-content" style="border:0;text-align: center;border-radius: 11%;"> <img id="myimg" alt="logo" width="100%"> </div>
| |
| − | <div class="modal-footer" style="border: 0;">
| |
| − | <button type="button" class="btn btn-default" data-dismiss="modal" style="float: right;background-color: transparent;color:white">close</button>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div style="display:none">//图片预加载
| |
| − | <img src="https://static.igem.org/mediawiki/2019/5/53/T--UESTC-China--li1.jpg">
| |
| − | <img src="https://static.igem.org/mediawiki/2019/0/06/T--UESTC-China--gao1.png">
| |
| − | <img src="https://static.igem.org/mediawiki/2019/b/bb/T--UESTC-China--liu1.png">
| |
| − | <img src="https://static.igem.org/mediawiki/2019/d/d4/T--UESTC-China--huo1.png">
| |
| − | <img src="https://static.igem.org/mediawiki/2019/6/69/T--UESTC-China--rong1.png">
| |
| − | <img src="https://static.igem.org/mediawiki/2019/2/20/T--UESTC-China--cao1.png">
| |
| − | <img src="https://static.igem.org/mediawiki/2019/3/32/T--UESTC-China--yao1.png">
| |
| − | <img src="https://static.igem.org/mediawiki/2019/7/74/T--UESTC-China--hao1.png">
| |
| − | <img src="https://static.igem.org/mediawiki/2019/9/94/T--UESTC-China--han1.png">
| |
| − | <img src="https://static.igem.org/mediawiki/2019/2/2d/T--UESTC-China--xu1.png">
| |
| − | <img src="https://static.igem.org/mediawiki/2019/e/eb/T--UESTC-China--hou1.png">
| |
| − | <img src="https://static.igem.org/mediawiki/2019/0/02/T--UESTC-China--huang1.png">
| |
| − | <img src="https://static.igem.org/mediawiki/2019/4/40/T--UESTC-China--wang1.png">
| |
| − | <img src="https://static.igem.org/mediawiki/2019/6/6d/T--UESTC-China--liao1.png">
| |
| − | <img src="https://static.igem.org/mediawiki/2019/4/42/T--UESTC-China--lu1.png">
| |
| − | <img src="https://static.igem.org/mediawiki/2019/2/22/T--UESTC-China--zhou1.png">
| |
| − | <img src="https://static.igem.org/mediawiki/2019/9/93/T--UESTC-China--meng1.png">
| |
| − | </div>
| |
| − | <script>
| |
| − | var oImg=document.getElementById("myimg");
| |
| − | var oDIV2=document.getElementById("divTeam");
| |
| − | var aDIV=oDIV2.getElementsByTagName("button")
| |
| − | var arr=[
| |
| − | 'https://static.igem.org/mediawiki/2019/5/53/T--UESTC-China--li1.jpg',
| |
| − | 'https://static.igem.org/mediawiki/2019/0/06/T--UESTC-China--gao1.png',
| |
| − | 'https://static.igem.org/mediawiki/2019/b/bb/T--UESTC-China--liu1.png',
| |
| − | 'https://static.igem.org/mediawiki/2019/d/d4/T--UESTC-China--huo1.png',
| |
| − | 'https://static.igem.org/mediawiki/2019/6/69/T--UESTC-China--rong1.png',
| |
| − | 'https://static.igem.org/mediawiki/2019/2/20/T--UESTC-China--cao1.png',
| |
| − | 'https://static.igem.org/mediawiki/2019/3/32/T--UESTC-China--yao1.png',
| |
| − | 'https://static.igem.org/mediawiki/2019/e/eb/T--UESTC-China--hou1.png',
| |
| − | 'https://static.igem.org/mediawiki/2019/9/94/T--UESTC-China--han1.png',
| |
| − | 'https://static.igem.org/mediawiki/2019/2/2d/T--UESTC-China--xu1.png',
| |
| − | 'https://static.igem.org/mediawiki/2019/7/74/T--UESTC-China--hao1.png',
| |
| − | 'https://static.igem.org/mediawiki/2019/0/02/T--UESTC-China--huang1.png',
| |
| − | 'https://static.igem.org/mediawiki/2019/4/40/T--UESTC-China--wang1.png',
| |
| − | 'https://static.igem.org/mediawiki/2019/6/6d/T--UESTC-China--liao1.png',
| |
| − | 'https://static.igem.org/mediawiki/2019/4/42/T--UESTC-China--lu1.png',
| |
| − | 'https://static.igem.org/mediawiki/2019/2/22/T--UESTC-China--zhou1.png',
| |
| − | 'https://static.igem.org/mediawiki/2019/9/93/T--UESTC-China--meng1.png',
| |
| − | ];
| |
| − | for(var i=0;i<aDIV.length;i++)
| |
| − | {
| |
| − | aDIV[i].index=i;
| |
| − | aDIV[i].onclick=function()
| |
| − | {
| |
| − | oImg.src= arr[this.index];
| |
| − | }
| |
| − | };
| |
| − | var oNext=document.getElementById("next");
| |
| − | oNext.onclick=function()
| |
| − | {
| |
| − | for(let i=0;i<arr.length;i++)
| |
| − | {
| |
| − | if(i==arr.length-1)//如果先到最后的 就先变第一个
| |
| − | {
| |
| − | oImg.src=arr[0];
| |
| − | break;//防止自动播放
| |
| − | }
| |
| − | if(arr[i]==oImg.src)
| |
| − | {
| |
| − | oImg.src=arr[i+1];
| |
| − | break;
| |
| − | }
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | var oPrev=document.getElementById("prev");
| |
| − | oPrev.onclick=function()
| |
| − | {
| |
| − | for(let i=arr.length-1;i>=0;i--)
| |
| − | {
| |
| − | if(i==0)//如果先到第一的 就先变最后一个
| |
| − | {
| |
| − | oImg.src=arr[arr.length-1];
| |
| − | break;//防止自动播放
| |
| − | }
| |
| − | if(arr[i]==oImg.src)
| |
| − | {
| |
| − | oImg.src=arr[i-1];
| |
| − | break;
| |
| − | }
| |
| − | }
| |
| − | }
| |
| − | </script>
| |
| − |
| |
| − | <script>//用来配合页面加载完再显示
| |
| − | $(function(){
| |
| − | $("#hide").height(20000);//足够大，直接用文档高度有误差
| |
| − | $("#hide").width($(document).outerWidth(true));//hide 赋值
| |
| − | })//加载适应长度
| |
| − |
| |
| − | $(window).resize(function(){//改变屏幕宽度，白板覆盖
| |
| − | $("#hide").height(20000);
| |
| − | $("#hide").width($(document).outerWidth(true));
| |
| − | })
| |
| − |
| |
| − | window.onload=function(){
| |
| − | var oHide=document.getElementById("hide");
| |
| − | oHide.style.display="none";
| |
| − | }//图片加载完就显示
| |
| − |
| |
| − | var oHider=document.getElementById("hider");
| |
| − | oHider.style.left=document.body.clientWidth/2-150+"px";//居中 150是图片宽度一半
| |
| − | oHider.style.top=window.screen.availHeight/2-150+"px";
| |
| − |
| |
| − | window.onresize=function(){//屏幕变化事件 滚动事件由fixed解决
| |
| − | var oHider=document.getElementById("hider");
| |
| − | oHider.style.left=document.body.clientWidth/2-150+"px";//居中
| |
| − | oHider.style.top=window.screen.availHeight/2-150+"px";
| |
| − | }
| |
| − | </script>
| |
| − |
| |
| − |
| |
| − | </body>
| |
| − | </html>
| |
| − | {{UESTC-China/footer}}
| |
