Difference between revisions of "Team:OUC-China"

 
(45 intermediate revisions by the same user not shown)
Line 11: Line 11:
 
<style>
 
<style>
  
#bodyContent{
+
#bodyContent{
margin:0;
+
margin:0;
padding:0;     
+
padding:0;     
position:absolute;
+
position:absolute;
top:0 !important;
+
top:0 !important;
 
+
width:100%;
}
+
}
 
+
.copyright1 {
 
+
.copyright1 {
+
 
text-align: center;
 
text-align: center;
 
padding-top: 20px;
 
padding-top: 20px;
Line 30: Line 28:
 
letter-spacing: 2px;
 
letter-spacing: 2px;
 
border-top-width: 2px;
 
border-top-width: 2px;
 +
        position:absolute;
 +
        bottom: 0;
 +
        width:100%
 +
}
 +
.rr {
 +
    position: relative;
 +
}
 +
 +
    .ouc-teammate{position: absolute;top: 0;right:0;z-index: 1000;opacity: 0;transition: 0.5s}
 +
.topleft1:hover .ouc-teammate{opacity: 1;transition: 0.5s}
 +
.topleft2:hover .ouc-teammate{opacity: 1;transition: 0.5s}
 +
.topleft3:hover .ouc-teammate{opacity: 1;transition: 0.5s}
 +
.topleft4:hover .ouc-teammate{opacity: 1;transition: 0.5s}
 +
.topleft5:hover .ouc-teammate{opacity: 1;transition: 0.5s}
 +
.topleft6:hover .ouc-teammate{opacity: 1;transition: 0.5s}
 +
.topleft7:hover .ouc-teammate{opacity: 1;transition: 0.5s}
 +
 +
.topleft0 {
 +
    position: absolute;
 +
    top: 15%;
 +
    left: 0;
 +
}
 +
 +
 +
.topleft1 {
 +
    position: absolute;
 +
    top: 26.5%;
 +
    left: 61%;
 +
    font-size: 18px;
 
}
 
}
 
+
#div1{
 
+
    position: absolute;
 
+
    top: 26%;
 
+
    left: 5%;
#myBtn {
+
    font-size: 18px;
  display: none;
+
  position: fixed;
+
  bottom: 20px;
+
  right: 30px;
+
  z-index: 99;
+
  border: none;
+
  outline: none;
+
  background-color: gray;
+
  color: white;
+
  cursor: pointer;
+
  padding: 15px;
+
  border-radius: 10px;
+
 
}
 
}
  
#myBtn:hover {
+
.topleft2 {
  background-color: #555;
+
    position: absolute;
 +
    top: 35.2%;
 +
    left: 10%;
 +
    font-size: 18px;
 
}
 
}
 +
#div2{
 +
    position: absolute;
 +
    top: 34%;
 +
    left: 40%;
 +
    font-size: 18px;
 +
}
 +
 +
.topleft3 {
 +
    position: absolute;
 +
    top: 45%;
 +
    left: 62%;
 +
    font-size: 18px;
 +
}
 +
#div3{
 +
    position: absolute;
 +
    top: 43%;
 +
    left: 6%;
 +
    font-size: 18px;
 +
}
 +
 +
.topleft4 {
 +
    position: absolute;
 +
    top: 54.5%;
 +
    left: 10%;
 +
    font-size: 18px;
 +
}
 +
#div4{
 +
    position: absolute;
 +
    top: 52%;
 +
    left: 40%;
 +
    font-size: 18px;
 +
}
 +
 +
.topleft5 {
 +
    position: absolute;
 +
    top: 64%;
 +
    left: 64%;
 +
    font-size: 18px;
 +
}
 +
#div5{
 +
    position: absolute;
 +
    top: 62%;
 +
    left: 6%;
 +
    font-size: 18px;
 +
}
 +
 +
.topleft6 {
 +
    position: absolute;
 +
    top: 73%;
 +
    left: 15%;
 +
    font-size: 18px;
 +
}
 +
#div6{
 +
    position: absolute;
 +
    top: 70.5%;
 +
    left: 45%;
 +
    font-size: 18px;
 +
}
 +
 +
 +
.topleft7 {
 +
    position: absolute;
 +
    top: 82%;
 +
    left: 64%;
 +
    font-size: 18px;
 +
}
 +
#div7{
 +
    position: absolute;
 +
    top: 80%;
 +
    left: 12%;
 +
    font-size: 18px;
 +
}
 +
 +
    .topleft9 {
 +
    position: absolute;
 +
    top: 86%;
 +
    left: 0;
 +
}
 
</style>
 
</style>
 +
<script>
 +
 +
 +
 
 +
$(document).ready(function(){
 +
    $(".topleft1").mouseover(function(){
 +
    $("#div1").fadeIn(50);
 +
  });
 +
});
 +
$(document).ready(function(){
 +
    $(".topleft1").mouseout(function(){
 +
        $("#div1").fadeOut(50);
 +
    });
 +
});
 +
  
 +
 
 +
$(document).ready(function(){
 +
  $(".topleft2").mouseover(function(){
 +
$("#div2").fadeIn(50);
 +
});
 +
});
 +
$(document).ready(function(){
 +
  $(".topleft2").mouseout(function(){
 +
    $("#div2").fadeOut(50);
 +
  });
 +
});
 +
  
 +
 +
 +
$(document).ready(function(){
 +
  $(".topleft3").mouseover(function(){
 +
$("#div3").fadeIn(50);
 +
});
 +
});
 +
$(document).ready(function(){
 +
  $(".topleft3").mouseout(function(){
 +
    $("#div3").fadeOut(50);
 +
  });
 +
});
 +
 +
 +
$(document).ready(function(){
 +
  $(".topleft4").mouseover(function(){
 +
$("#div4").fadeIn(50);
 +
});
 +
});
 +
$(document).ready(function(){
 +
  $(".topleft4").mouseout(function(){
 +
    $("#div4").fadeOut(50);
 +
  });
 +
});
 +
 +
 +
$(document).ready(function(){
 +
  $(".topleft5").mouseover(function(){
 +
$("#div5").fadeIn(50);
 +
});
 +
});
 +
$(document).ready(function(){
 +
  $(".topleft5").mouseout(function(){
 +
    $("#div5").fadeOut(50);
 +
  });
 +
});
 +
 +
 +
$(document).ready(function(){
 +
  $(".topleft6").mouseover(function(){
 +
$("#div6").fadeIn(50);
 +
});
 +
});
 +
$(document).ready(function(){
 +
  $(".topleft6").mouseout(function(){
 +
    $("#div6").fadeOut(50);
 +
  });
 +
});
 +
 +
$(document).ready(function(){
 +
  $(".topleft7").mouseover(function(){
 +
$("#div7").fadeIn(50);
 +
});
 +
});
 +
$(document).ready(function(){
 +
  $(".topleft7").mouseout(function(){
 +
    $("#div7").fadeOut(50);
 +
  });
 +
});
 +
 +
 +
 +
    </script>
  
 
</head>
 
</head>
 
<body class="homepage">
 
<body class="homepage">
  
<button onclick="topFunction()" id="myBtn" title="回顶部">TOP</button>
 
  
<div id="page-wrapper" >
+
<div id="rr" >
  
  
Line 92: Line 277:
 
<li><a href="https://2018.igem.org/Team:OUC-China/miniToe Family">miniToe Family</a></li>
 
<li><a href="https://2018.igem.org/Team:OUC-China/miniToe Family">miniToe Family</a></li>
 
<li><a href="https://2018.igem.org/Team:OUC-China/polycistron">polycistron</a></li>
 
<li><a href="https://2018.igem.org/Team:OUC-China/polycistron">polycistron</a></li>
 +
</ul>
 +
                                                </li>
 +
                                                <li><a href="#">Parts</a>
 +
<ul>
 +
<li><a href="https://2018.igem.org/Team:OUC-China/Parts">List</a></li>
 +
<li><a href="https://2018.igem.org/Team:OUC-China/Improve">Improve</a></li>
 
</ul>
 
</ul>
 
</li>
 
</li>
<li><a href="https://2018.igem.org/Team:OUC-China/Parts">Parts</a>
+
<li><a href="#">HP</a>
</li>
+
<li><a href="#">Human_Practices</a>
+
 
<ul>
 
<ul>
<li><a href="https://2018.igem.org/Team:OUC-China/Human_Practices">Human_Practices</a></li>
+
<li><a href="https://2018.igem.org/Team:OUC-China/Human_Practices">Human Practices</a></li>
<li><a href="https://2018.igem.org/Team:OUC-China/Public_Engagement">Public_Engagement</a></li>
+
<li><a href="https://2018.igem.org/Team:OUC-China/Public_Engagement">Public Engagement</a></li>
 
</ul>
 
</ul>
 
</li>
 
</li>
 
<li><a href="#">Team</a>
 
<li><a href="#">Team</a>
 
<ul>
 
<ul>
<li><a href="https://2018.igem.org/Team:OUC-China/Team">Team_Member</a></li>
+
<li><a href="https://2018.igem.org/Team:OUC-China/Team">Team Member</a></li>
 
<li><a href="https://2018.igem.org/Team:OUC-China/Collaborations">Collaborations</a></li>
 
<li><a href="https://2018.igem.org/Team:OUC-China/Collaborations">Collaborations</a></li>
 
<li><a href="https://2018.igem.org/Team:OUC-China/Attributions">Attributions</a></li>
 
<li><a href="https://2018.igem.org/Team:OUC-China/Attributions">Attributions</a></li>
Line 114: Line 303:
 
</nav>
 
</nav>
  
<!-- Banner -->
+
 
+
<!-- Banner -->
 
<img src="https://static.igem.org/mediawiki/2018/8/8e/T--OUC-China--home.png"alt="banner"width="100%">
 
<img src="https://static.igem.org/mediawiki/2018/8/8e/T--OUC-China--home.png"alt="banner"width="100%">
+
<div class="topleft0">
</div>
+
<img  src="https://static.igem.org/mediawiki/2018/d/d2/T--OUC-China--ADFADS.jpg" width=1000x>
 +
</div>
 +
<div class="topleft9">
 +
<img  src="https://static.igem.org/mediawiki/2018/d/d1/T--OUC-China--lalalalalalalalalal.jpg" width=1300x>
 +
</div>
 
 
 +
<div class="topleft1"> <a href="https://2018.igem.org/Team:OUC-China/Description">
 +
<img class="media-object" src="https://static.igem.org/mediawiki/2018/8/8a/T--OUC-China--hpro.png" width=370px>
 +
<img class="ouc-teammate" src="https://static.igem.org/mediawiki/2018/b/be/T--OUC-China--hprob.png" width=370px>
 +
</a>  </div>
 +
<div id="div1" style="width:50%;height:6%;display:none; ">
 +
<img src="https://static.igem.org/mediawiki/2018/3/3c/T--OUC-China--ccc.png"alt="banner"width="110%">
 +
</div>
 +
 +
 +
<div class="topleft2"> <a href="https://2018.igem.org/Team:OUC-China/Experiments">
 +
<img class="media-object" src="https://static.igem.org/mediawiki/2018/d/d8/T--OUC-China--hlab.png" width=370px>
 +
<img class="ouc-teammate" src="https://static.igem.org/mediawiki/2018/a/a1/T--OUC-China--hhhhh.png" width=370px>
 +
</a>  </div>
 +
<div id="div2" style="width:50%;height:6%;display:none; ">
 +
<img src="https://static.igem.org/mediawiki/2018/5/59/T--OUC-China--sdjkh.png"alt="banner"width="103%">
 +
</div>
 +
 +
 +
<div class="topleft3"> <a href="https://2018.igem.org/Team:OUC-China/Model">
 +
<img class="media-object" src="https://static.igem.org/mediawiki/2018/e/e1/T--OUC-China--hmod.png" width=370px>
 +
<img class="ouc-teammate" src="https://static.igem.org/mediawiki/2018/7/70/T--OUC-China--hmodb.png" width=370px>
 +
</a>  </div>
 +
<div id="div3" style="width:50%;height:6%;display:none; ">
 +
<img src="https://static.igem.org/mediawiki/2018/3/3d/T--OUC-China--cccs.png"alt="banner"width="110%">
 +
</div>
 +
 +
<div class="topleft4"> <a href="https://2018.igem.org/Team:OUC-China/Parts">
 +
<img class="media-object" src="https://static.igem.org/mediawiki/2018/c/cc/T--OUC-China--hpart.png" width=370px>
 +
<img class="ouc-teammate" src="https://static.igem.org/mediawiki/2018/0/0b/T--OUC-China--hpartb.png" width=370px>
 +
</a>  </div>
 +
<div id="div4" style="width:50%;height:6%;display:none; ">
 +
<img src="https://static.igem.org/mediawiki/2018/7/70/T--OUC-China--skh.png"alt="banner"width="103%">
 +
</div>
 +
 +
<div class="topleft5"> <a href="https://2018.igem.org/Team:OUC-China/Human_Practices">
 +
<img class="media-object" src="https://static.igem.org/mediawiki/2018/5/55/T--OUC-China--hhp.png" width=370px>
 +
<img class="ouc-teammate" src="https://static.igem.org/mediawiki/2018/c/ce/T--OUC-China--hhpb.png" width=370px>
 +
</a>  </div>
 +
<div id="div5" style="width:50%;height:6%;display:none; ">
 +
<img src="https://static.igem.org/mediawiki/2018/b/bb/T--OUC-China--hps.png"alt="banner"width="110%">
 +
</div>
 +
 +
<div class="topleft6"> <a href="https://2018.igem.org/Team:OUC-China/Team">
 +
<img class="media-object" src="https://static.igem.org/mediawiki/2018/c/cb/T--OUC-China--hteam_.png" width=370px>
 +
<img class="ouc-teammate" src="https://static.igem.org/mediawiki/2018/4/4e/T--OUC-China--hteamb_.png" width=370px>
 +
</a>  </div>
 +
<div id="div6" style="width:50%;height:6%;display:none; ">
 +
<img src="https://static.igem.org/mediawiki/2018/2/22/T--OUC-China--dfh.png"alt="banner"width="103%">
 +
</div>
 +
 +
<div class="topleft7"> <a href="https://2018.igem.org/Team:OUC-China/Notebook">
 +
<img class="media-object" src="https://static.igem.org/mediawiki/2018/1/18/T--OUC-China--ADSFA.png" width=370px>
 +
<img class="ouc-teammate" src="https://static.igem.org/mediawiki/2018/4/4f/T--OUC-China--hnoteb_.png" width=370px>
 +
</a>  </div>
 +
<div id="div7" style="width:50%;height:6%;display:none; ">
 +
<img src="https://static.igem.org/mediawiki/2018/b/bb/T--OUC-China--sddf.png"alt="banner"width="103%">
 +
</div>
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
</div>
 +
 +
 +
 +
 +
 +
  
  
Line 135: Line 411:
  
  
  <div class="copyright1">Contact Us : oucigem@163.com  | &copy;2018 OUC IGEM.All Rights Reserved.  |  ………… </div>
+
    <div class="copyright1">Contact Us : oucigem@163.com  | &copy;2018 OUC IGEM.All Rights Reserved. <br />
 +
<img src="https://static.igem.org/mediawiki/2017/b/b4/T--OUC-China--foot1.jpeg"alt="banner"width="80px">
 +
<img src="https://static.igem.org/mediawiki/2017/6/62/T--OUC-China--foot2.jpeg"alt="banner"width="80px">
 +
<img src="https://static.igem.org/mediawiki/2018/f/f3/T--OUC-China--lalala.png"alt="banner"width="80px">
 +
<img src="https://static.igem.org/mediawiki/2017/5/51/T--OUC-China--NSG.png"alt="banner"height="65px">
 +
<img src="https://static.igem.org/mediawiki/2017/2/2a/T--OUC-China--ML.png"alt="banner"height="65px">&emsp;
 +
  </div>
 
 
  
<script>
+
 
// 当网页向下滑动 20px 出现"返回顶部" 按钮
+
window.onscroll = function() {scrollFunction()};
+
+
function scrollFunction() {console.log(121);
+
    if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
+
        document.getElementById("myBtn").style.display = "block";
+
    } else {
+
        document.getElementById("myBtn").style.display = "none";
+
    }
+
}
+
+
// 点击按钮,返回顶部
+
function topFunction() {
+
    document.body.scrollTop = 0;
+
    document.documentElement.scrollTop = 0;
+
}
+
</script>
+
  
  

Latest revision as of 09:27, 8 December 2018

Team OUC-China: Main
Contact Us : oucigem@163.com | ©2018 OUC IGEM.All Rights Reserved.
banner banner banner banner banner