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

 
(27 intermediate revisions by 2 users not shown)
Line 58: Line 58:
 
.myarrow{
 
.myarrow{
 
position: absolute;
 
position: absolute;
right: -220px;
+
opacity: 0.6;
top:40%;
+
opacity: 0;
+
 
}
 
}
 
.myarrow:hover{
 
.myarrow:hover{
 
opacity: 1;
 
opacity: 1;
 +
                        cursor:pointer;
 
}   
 
}   
 +
  .jumpBtn ul{
 +
  margin-left:0;
 +
}
 
</style>
 
</style>
 +
 
<div id="hide">
 
<div id="hide">
 
<div id="hider">
 
<div id="hider">
Line 72: Line 75:
 
</div>
 
</div>
 
<div class="firstph">
 
<div class="firstph">
<img alt="logo" src="https://static.igem.org/mediawiki/2019/9/96/T--UESTC-China--description.jpg" style="width: 100%">
+
<div class="c-banner">
 +
<div class="banner">
 +
<ul>
 +
<li><img alt="1" src="https://static.igem.org/mediawiki/2019/6/64/T--UESTC-China--Team_photo_1.jpg"></li>
 +
<li><img alt="2" src="https://static.igem.org/mediawiki/2019/8/81/T--UESTC-China--Team_photo_2.jpg"></li>
 +
<li><img alt="3" src="https://static.igem.org/mediawiki/2019/c/ce/T--UESTC-China--Team_photo_3.jpg"></li>
 +
<li><img alt="4" src="https://static.igem.org/mediawiki/2019/3/3a/T--UESTC-China--Team_photo_4.jpg"></li>
 +
</ul>
 +
</div>
 +
 
 +
<div class="jumpBtn">
 +
<ul>
 +
<li jumpImg="0"></li>
 +
<li jumpImg="1"></li>
 +
<li jumpImg="2"></li>
 +
                        <li jumpImg="3"></li>
 +
</ul>
 +
</div>
 +
</div>
 
</div>
 
</div>
  
Line 94: Line 115:
 
       <hr>
 
       <hr>
 
     <div class=" col-sm-6 col-md-4" id="title_1">
 
     <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/f/fd/T--UESTC-China--photo.png" style="width: 100%" alt="logo">
+
       <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>
 
       </button>
       <h2>xmm</h2>
+
       <h2>Changyu Li</h2>
 
     </div>
 
     </div>
 
     <div class=" col-sm-6 col-md-4" >
 
     <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/fd/T--UESTC-China--photo.png" style="width: 100%" alt="logo">
+
       <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>
 
       </button>
 
       <h2>Kexin Gao</h2>
 
       <h2>Kexin Gao</h2>
 
     </div>
 
     </div>
 
     <div class=" col-sm-6 col-md-4" >
 
     <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/fd/T--UESTC-China--photo.png" style="width: 100%" alt="logo">
+
       <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>
 
       </button>
 
         <h2>Yuanjing Liu</h2>
 
         <h2>Yuanjing Liu</h2>
Line 113: Line 134:
 
       <hr>
 
       <hr>
 
     <div class=" col-sm-6 col-md-4" >
 
     <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/fd/T--UESTC-China--photo.png" style="width: 100%" alt="logo">
+
       <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>
 
       </button>
         <h2>Huo Shen</h2>
+
         <h2>Jiawei Huo</h2>
 
     </div>
 
     </div>
 
     <div class=" col-sm-6 col-md-4" >
 
     <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/fd/T--UESTC-China--photo.png" style="width: 100%" alt="logo">
+
       <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>
 
       </button>
 
         <h2>Hairong Wang</h2>
 
         <h2>Hairong Wang</h2>
 
     </div>
 
     </div>
 
     <div class=" col-sm-6 col-md-4" >
 
     <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/fd/T--UESTC-China--photo.png" style="width: 100%" alt="logo">
+
       <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>
 
       </button>
 
     <h2>Yingying Cao</h2>
 
     <h2>Yingying Cao</h2>
 
     </div>
 
     </div>
 
     <div class=" col-sm-6 col-md-4" >
 
     <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/fd/T--UESTC-China--photo.png" style="width: 100%" alt="logo">
+
       <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>
 
       </button>
 
     <h2>Jing Yao</h2>
 
     <h2>Jing Yao</h2>
 
     </div>
 
     </div>
 
     <div class=" col-sm-6 col-md-4" >
 
     <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/fd/T--UESTC-China--photo.png" style="width: 100%" alt="logo">
+
       <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>
 
       </button>
 
     <h2>Bojun Hou</h2>
 
     <h2>Bojun Hou</h2>
 
     </div>
 
     </div>
 
     <div class=" col-sm-6 col-md-4" >
 
     <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/fd/T--UESTC-China--photo.png" style="width: 100%" alt="logo">
+
       <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>
 
       </button>
 
     <h2>Linhan Huang</h2>
 
     <h2>Linhan Huang</h2>
 
     </div>
 
     </div>
 
     <div class=" col-sm-6 col-md-4" >
 
     <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 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>
 
       </button>
 
     <h2>Congyu Xu</h2>
 
     <h2>Congyu Xu</h2>
Line 153: Line 174:
 
     </div>
 
     </div>
 
     <div class=" col-sm-6 col-md-4" >
 
     <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 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>
 
       </button>
 
     <h2>Qiuyun Huang</h2>
 
     <h2>Qiuyun Huang</h2>
 
     </div>
 
     </div>
 
     <div class=" col-sm-6 col-md-4" >
 
     <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/fd/T--UESTC-China--photo.png" style="width: 100%" alt="logo">
+
       <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>
 
       </button>
 
     <h2>Zixin Wang</h2>
 
     <h2>Zixin Wang</h2>
 
     </div>
 
     </div>
 
     <div class=" col-sm-6 col-md-4" >
 
     <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/fd/T--UESTC-China--photo.png" style="width: 100%" alt="logo">
+
       <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>
 
       </button>
 
     <h2>Xingyu Liao</h2>
 
     <h2>Xingyu Liao</h2>
 
     </div>
 
     </div>
 
     <div class=" col-sm-6 col-md-4" >
 
     <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/fd/T--UESTC-China--photo.png" style="width: 100%" alt="logo">
+
       <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>
 
       </button>
 
     <h2>Jiayi Lu</h2>
 
     <h2>Jiayi Lu</h2>
 
     </div>
 
     </div>
 
     <div class=" col-sm-6 col-md-4" >
 
     <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/fd/T--UESTC-China--photo.png" style="width: 100%" alt="logo">
+
       <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>
 
       </button>
 
     <h2>Yubing Zhou</h2>
 
     <h2>Yubing Zhou</h2>
 
     </div>
 
     </div>
 
     <div class=" col-sm-6 col-md-4" >
 
     <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/fd/T--UESTC-China--photo.png" style="width: 100%" alt="logo">
+
       <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>
 
       </button>
 
     <h2>Qiugu Meng</h2>
 
     <h2>Qiugu Meng</h2>
Line 186: Line 207:
 
     <h1 style="margin-left: 20px">Team Adviser</h1>
 
     <h1 style="margin-left: 20px">Team Adviser</h1>
 
       <hr>
 
       <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/f/fd/T--UESTC-China--photo.png" style="width: 100%" alt="logo"> </button>
 
      <h2>Jianzhe Yang</h2>
 
  
 +
    <div class=" col-sm-6 col-md-4" >
 +
      <img src="https://static.igem.org/mediawiki/2019/5/5e/T--UESTC-China--zhong.png" style="width: 100%" alt="logo">
 +
      <h2>Zhaohui Zhong</h2>
 
     </div>
 
     </div>
 +
 
     <div class=" col-sm-6 col-md-4" >
 
     <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/fd/T--UESTC-China--photo.png" style="width: 100%" alt="logo"> </button>
+
       <img src="https://static.igem.org/mediawiki/2019/1/19/T--UESTC-China--jian.png" style="width: 100%" alt="logo">  
       <h2>Zijian Wu</h2>
+
       <h2>Jianzhe Yang</h2>
 
     </div>
 
     </div>
  
 
     <div class=" col-sm-6 col-md-4" >
 
     <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/fd/T--UESTC-China--photo.png" style="width: 100%" alt="logo"> </button>
+
      <img src="https://static.igem.org/mediawiki/2019/e/ee/T--UESTC-China--wu.png" style="width: 100%" alt="logo">
       <h2>Zhaohui Zhong</h2>
+
       <h2>Zijian Wu</h2>
 
     </div>
 
     </div>
 +
 
   </div>
 
   </div>
 
   <div class="row">
 
   <div class="row">
 
     <h1 style="margin-left: 20px">Instructors</h1>
 
     <h1 style="margin-left: 20px">Instructors</h1>
 
       <hr>
 
       <hr>
     <div class=" col-sm-6 col-md-4" >
+
     <div class=" col-sm-6 col-md-3" >
      <button class="teambtn" data-toggle="modal" data-target="#myModal" > <img src="https://static.igem.org/mediawiki/2019/f/fd/T--UESTC-China--photo.png" style="width: 100%" alt="logo"> </button>
+
  <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>
 
       <h2>Yong Zhang</h2>
 
     </div>
 
     </div>
  
     <div class=" col-sm-6 col-md-4" >
+
     <div class=" col-sm-6 col-md-3" >
       <button class="teambtn" data-toggle="modal" data-target="#myModal" > <img src="https://static.igem.org/mediawiki/2019/f/fd/T--UESTC-China--photo.png" style="width: 100%" alt="logo"> </button>
+
       <img src="https://static.igem.org/mediawiki/2019/4/4f/T--UESTC-China--feng.png" style="width: 100%" alt="logo">  
 
       <h2>Juan Feng</h2>
 
       <h2>Juan Feng</h2>
 
     </div>
 
     </div>
  
     <div class=" col-sm-6 col-md-4" >
+
     <div class=" col-sm-6 col-md-3" >
      <button class="teambtn" data-toggle="modal" data-target="#myModal" > <img src="https://static.igem.org/mediawiki/2019/f/fd/T--UESTC-China--photo.png" style="width: 100%" alt="logo"> </button>
+
    <img src="https://static.igem.org/mediawiki/2019/0/02/T--UESTC-China--zheng.png" style="width: 100%" alt="logo">  
 
       <h2>Xuelian Zheng</h2>
 
       <h2>Xuelian Zheng</h2>
 
     </div>
 
     </div>
  
    <div class=" col-sm-6 col-md-4" >
+
  </div>
      <button class="teambtn" data-toggle="modal" data-target="#myModal" > <img src="https://static.igem.org/mediawiki/2019/f/fd/T--UESTC-China--photo.png" style="width: 100%" alt="logo"> </button>
+
 
      <h2>Lixia Tang</h2>
+
<div class="row">
    </div>
+
<h1 style="margin-left: 20px">Team Video</h1>
 +
  <hr>
 +
<div class="mainbody" style="text-align:center">The following team video contains horrorible spots.<br>
 +
People with heart disease, high blood pressure and other diseases please be careful.<br>
 +
Thank you.
 +
      </div>
 +
<div style="text-align: center">
 +
<video width="80%" poster="https://static.igem.org/mediawiki/2019/9/9c/T--UESTC-China--Team_video_1.jpg" controls preload>
 +
<source src="https://static.igem.org/mediawiki/2019/4/4f/T--UESTC-China--Team_video.mp4" type="video/mp4">
 +
    </video>
 +
</div>
 +
</div>
  
  </div>
 
 
</div>
 
</div>
 
<div class="modal fade" id="myModal" tabindex="-1" role="dialog"  aria-hidden="true">
 
<div class="modal fade" id="myModal" tabindex="-1" role="dialog"  aria-hidden="true">
 
   <div class="modal-dialog" style="width: 100%">
 
   <div class="modal-dialog" style="width: 100%">
     <div class="myarrow" id="next"><img src="https://static.igem.org/mediawiki/2019/7/77/T--UESTC-China--arrow1.png" alt="arrow" width="100%" ></div>
+
     <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-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;">
 
     <div class="modal-footer" style="border: 0;">
Line 236: Line 275:
 
</div>
 
</div>
 
<div style="display:none">//图片预加载
 
<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/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/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>
 
</div>
 
<script>
 
<script>
Line 244: Line 298:
 
var aDIV=oDIV2.getElementsByTagName("button")
 
var aDIV=oDIV2.getElementsByTagName("button")
 
var arr=[
 
var arr=[
'https://static.igem.org/mediawiki/2019/9/96/T--UESTC-China--description.jpg',
+
'https://static.igem.org/mediawiki/2019/5/53/T--UESTC-China--li1.jpg',
'https://static.igem.org/mediawiki/2019/9/96/T--UESTC-China--description.jpg',
+
'https://static.igem.org/mediawiki/2019/0/06/T--UESTC-China--gao1.png',
'https://static.igem.org/mediawiki/2019/9/96/T--UESTC-China--description.jpg',
+
'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/d/d4/T--UESTC-China--huo1.png',
                        'https://static.igem.org/mediawiki/2019/9/96/T--UESTC-China--description.jpg',
+
'https://static.igem.org/mediawiki/2019/6/69/T--UESTC-China--rong1.png',
                        'https://static.igem.org/mediawiki/2019/9/96/T--UESTC-China--description.jpg',
+
'https://static.igem.org/mediawiki/2019/2/20/T--UESTC-China--cao1.png',
                        'https://static.igem.org/mediawiki/2019/9/96/T--UESTC-China--description.jpg',
+
'https://static.igem.org/mediawiki/2019/3/32/T--UESTC-China--yao1.png',
                        'https://static.igem.org/mediawiki/2019/9/96/T--UESTC-China--description.jpg',
+
'https://static.igem.org/mediawiki/2019/e/eb/T--UESTC-China--hou1.png',
                        'https://static.igem.org/mediawiki/2019/9/96/T--UESTC-China--description.jpg',
+
'https://static.igem.org/mediawiki/2019/9/94/T--UESTC-China--han1.png',
                        'https://static.igem.org/mediawiki/2019/9/96/T--UESTC-China--description.jpg',
+
'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/7/74/T--UESTC-China--hao1.png',
                        'https://static.igem.org/mediawiki/2019/9/96/T--UESTC-China--description.jpg',
+
'https://static.igem.org/mediawiki/2019/0/02/T--UESTC-China--huang1.png',
                        'https://static.igem.org/mediawiki/2019/9/96/T--UESTC-China--description.jpg',
+
'https://static.igem.org/mediawiki/2019/4/40/T--UESTC-China--wang1.png',
                        'https://static.igem.org/mediawiki/2019/9/96/T--UESTC-China--description.jpg',
+
'https://static.igem.org/mediawiki/2019/6/6d/T--UESTC-China--liao1.png',
                        'https://static.igem.org/mediawiki/2019/9/96/T--UESTC-China--description.jpg',
+
'https://static.igem.org/mediawiki/2019/4/42/T--UESTC-China--lu1.png',
                        'https://static.igem.org/mediawiki/2019/9/96/T--UESTC-China--description.jpg',
+
'https://static.igem.org/mediawiki/2019/2/22/T--UESTC-China--zhou1.png',
                        'https://static.igem.org/mediawiki/2019/9/96/T--UESTC-China--description.jpg',
+
'https://static.igem.org/mediawiki/2019/9/93/T--UESTC-China--meng1.png',
                        'https://static.igem.org/mediawiki/2019/9/96/T--UESTC-China--description.jpg',
+
                        'https://static.igem.org/mediawiki/2019/9/96/T--UESTC-China--description.jpg',
+
                        'https://static.igem.org/mediawiki/2019/9/96/T--UESTC-China--description.jpg',
+
                        'https://static.igem.org/mediawiki/2019/9/96/T--UESTC-China--description.jpg',
+
                        'https://static.igem.org/mediawiki/2019/9/96/T--UESTC-China--description.jpg',
+
 
];
 
];
 
for(var i=0;i<aDIV.length;i++)
 
for(var i=0;i<aDIV.length;i++)
Line 288: Line 337:
 
{
 
{
 
oImg.src=arr[i+1];
 
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;
 
break;
 
}
 
}
Line 312: Line 379:
 
    var oHider=document.getElementById("hider");
 
    var oHider=document.getElementById("hider");
 
    oHider.style.left=document.body.clientWidth/2-150+"px";//居中 150是图片宽度一半
 
    oHider.style.left=document.body.clientWidth/2-150+"px";//居中 150是图片宽度一半
 +
            oHider.style.top=window.screen.availHeight/2-150+"px";
  
 
window.onresize=function(){//屏幕变化事件  滚动事件由fixed解决
 
window.onresize=function(){//屏幕变化事件  滚动事件由fixed解决
 
    var oHider=document.getElementById("hider");
 
    var oHider=document.getElementById("hider");
 
    oHider.style.left=document.body.clientWidth/2-150+"px";//居中
 
    oHider.style.left=document.body.clientWidth/2-150+"px";//居中
 +
            oHider.style.top=window.screen.availHeight/2-150+"px";
 
}
 
}
 +
</script>
 +
 +
<script type="text/javascript">
 +
 +
var time=null;
 +
//记录当前位子
 +
var nexImg = 0;
 +
//用于获取轮播图图片个数
 +
var imgLength = $(".c-banner .banner ul li").length;
 +
//当时动态数据的时候使用,上面那个删除
 +
// var imgLength =0;
 +
//设置底部第一个按钮样式
 +
$(".c-banner .jumpBtn ul li[jumpImg="+nexImg+"]").css("background-color","#b6caf2");
 +
 +
//页面加载
 +
$(document).ready(function(){
 +
// dynamicData();
 +
//启动定时器,设置时间为5秒一次
 +
time =setInterval(intervalImg,5000);
 +
});
 +
 +
//轮播图
 +
function intervalImg(){
 +
if(nexImg<imgLength-1){
 +
nexImg++;
 +
}else{
 +
nexImg=0;
 +
}
 +
 +
//将当前图片试用绝对定位,下一张图片试用相对定位
 +
$(".c-banner .banner ul img").eq(nexImg-1).css("position","absolute");
 +
$(".c-banner .banner ul img").eq(nexImg).css("position","relative");
 +
 +
$(".c-banner .banner ul li").eq(nexImg).css("display","block");
 +
$(".c-banner .banner ul li").eq(nexImg).stop().animate({"opacity":1},1000);
 +
$(".c-banner .banner ul li").eq(nexImg-1).stop().animate({"opacity":0},1000,function(){
 +
$(".c-banner .banner ul li").eq(nexImg-1).css("display","none");
 +
});
 +
$(".c-banner .jumpBtn ul li").css("background-color","white");
 +
$(".c-banner .jumpBtn ul li[jumpImg="+nexImg+"]").css("background-color","#b6caf2");
 +
}
 +
 +
//轮播图底下按钮
 +
//动态数据加载的试用应放在请求成功后执行该代码,否则按钮无法使用
 +
$(".c-banner .jumpBtn ul li").each(function(){
 +
//为每个按钮定义点击事件
 +
$(this).click(function(){
 +
clearInterval(time);
 +
$(".c-banner .jumpBtn ul li").css("background-color","white");
 +
jumpImg = $(this).attr("jumpImg");
 +
if(jumpImg!=nexImg){
 +
var after =$(".c-banner .banner ul li").eq(jumpImg);
 +
var befor =$(".c-banner .banner ul li").eq(nexImg);
 +
 +
//将当前图片试用绝对定位,下一张图片试用相对定位
 +
$(".c-banner .banner ul img").eq(nexImg).css("position","absolute");
 +
$(".c-banner .banner ul img").eq(jumpImg).css("position","relative");
 +
 +
after.css("display","block");
 +
after.stop().animate({"opacity":1},1000);
 +
befor.stop().animate({"opacity":0},1000,function(){
 +
befor.css("display","none");
 +
});
 +
nexImg=jumpImg;
 +
}
 +
$(this).css("background-color","#b6caf2");
 +
time =setInterval(intervalImg,5000);
 +
});
 +
});
 +
 +
jQuery(function($) {   
 +
    $(".mybtn").click(function() {   
 +
        $("html, body").animate({   
 +
            scrollTop: $($(this).attr("href")).offset().top + "px"   
 +
        }, 1000);   
 +
        return false;   
 +
    });   
 +
});
 +
 
</script>
 
</script>
  

Latest revision as of 02:05, 21 October 2019

description

loading

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

Team Video


The following team video contains horrorible spots.
People with heart disease, high blood pressure and other diseases please be careful.
Thank you.
//图片预加载
Copyright © 2019 iGEM UESTC-China
logo