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 13:07, 1 October 2019