Difference between revisions of "Team:UESTC-China/Team"

(Blanked the page)
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}}

Revision as of 10:54, 1 October 2019

description

0% 完成
loading
logo
logo

Team Leader

Changyu Li

Kexin Gao

Yuanjing Liu

Team member

Jiawei Huo

Hairong Wang

Yingying Cao

Jing Yao

Bojun Hou

Linhan Huang

Congyu Xu

Minghao Fang

Qiuyun Huang

Zixin Wang

Xingyu Liao

Jiayi Lu

Yubing Zhou

Qiugu Meng

Team Adviser

logo

Zhaohui Zhong

logo

Jianzhe Yang

logo

Zijian Wu

Instructors

logo

Lixia Tang

logo

Yong Zhang

logo

Juan Feng

logo

Xuelian Zheng

//图片预加载
Copyright © 2019 iGEM UESTC-China
logo