Difference between revisions of "Template:Fudan-TSI"

(Undo revision 178874 by Ehtele (talk))
Line 60: Line 60:
 
#sideMenu, #top_title, .patrollink  {display:none;}
 
#sideMenu, #top_title, .patrollink  {display:none;}
 
#content { margin-left:0px; margin-top:-7px; padding:0px; width:100%;}
 
#content { margin-left:0px; margin-top:-7px; padding:0px; width:100%;}
−
body {background-color:white; }
 
 
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 
#bodyContent a[href ^="https://"], .link-https { padding-right:0px;}
 
#bodyContent a[href ^="https://"], .link-https { padding-right:0px;}
Line 484: Line 483:
 
@media only screen and (max-width: 1800px) {
 
@media only screen and (max-width: 1800px) {
 
.igem_2019_team_content { width: 85%;}
 
.igem_2019_team_content { width: 85%;}
−
.igem_2019_team_menu {display:block;}
+
.igem_2019_team_menu {display:block;}
 +
 
}
 
}
  
Line 547: Line 547:
 
<!--- Menu --->
 
<!--- Menu --->
 
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 +
  
 +
 +
 +
<style>
 +
@font-face{
 +
font-family:_Cyberdyne;
 +
src:url(Sources/cyberdynecond.ttf);
 +
}
 +
</style>
 +
 +
<script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Template:Fudan-TSI/jQuery&action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Template:Fudan-TSI/jQueryColorAnimations&action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Template:Fudan-TSI/jQueryRotatey&action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Template:Fudan-TSI/jQueryUI&action=raw&ctype=text/javascript"></script>
 +
  
 +
 +
<div id="globalWrapper">
 +
<ul id="navUl">
 +
<li style="float:left; width:5vw; height:5vw; display:inline-block; position:relative;"></li>
 +
<li id="navImg">
 +
<div id="starting">
 +
<div id="home" style="width:6vw; height:5vw; position:absolute; margin:0;"></div>
 +
<div class="logoContainer"><img src="https://static.igem.org/mediawiki/2019/3/3c/T--Fudan-TSI--Logo0.gif" class="logo" id="logo0"></div>
 +
<div class="logoContainer"><img src="https://static.igem.org/mediawiki/2019/4/4e/T--Fudan-TSI--Logo1.gif" class="logo" id="logo1" style="display:none;"></div>
 +
<div class="logoContainer"><img src="https://static.igem.org/mediawiki/2019/c/c2/T--Fudan-TSI--Logo2.gif" class="logo" id="logo2" style="display:none;"></div>
 +
<div class="logoContainer"><img src="https://static.igem.org/mediawiki/2019/2/24/T--Fudan-TSI--Logo3.gif" class="logo" id="logo3" style="display:none;"></div>
 +
<div class="logoContainer"><img src="https://static.igem.org/mediawiki/2019/6/6b/T--Fudan-TSI--Logo4.gif" class="logo" id="logo4" style="display:none;"></div>
 +
<div class="logoContainer"><img src="https://static.igem.org/mediawiki/2019/2/2a/T--Fudan-TSI--Logo5.gif" class="logo" id="logo5" style="display:none;"></div>
 +
<div class="logoContainer"><img src="https://static.igem.org/mediawiki/2019/f/ff/T--Fudan-TSI--Logo6.gif" class="logo" id="logo6" style="display:none;"></div>
 +
<div class="logoContainer"><img src="https://static.igem.org/mediawiki/2019/2/27/T--Fudan-TSI--Logo7.gif" class="logo" id="logo7" style="display:none;"></div>
 +
<div class="logoContainer"><img src="https://static.igem.org/mediawiki/2019/c/cc/T--Fudan-TSI--Logo8.gif" class="logo" id="logo8" style="display:none;"></div>
 +
<div class="logoContainer"><img src="https://static.igem.org/mediawiki/2019/0/09/T--Fudan-TSI--Logo9.gif" class="logo" id="logo9" style="display:none;"></div>
 +
<div class="logoContainer"><img src="https://static.igem.org/mediawiki/2019/8/8f/T--Fudan-TSI--Logo10.gif" class="logo" id="logo10" style="display:none;"></div>
 +
<div class="logoContainer"><img src="https://static.igem.org/mediawiki/2019/f/f6/T--Fudan-TSI--Logo11.gif" class="logo" id="logo11" style="display:none;"></div>
 +
<div class="logoContainer"><img src="https://static.igem.org/mediawiki/2019/5/57/T--Fudan-TSI--Logo12.gif" class="logo" id="logo12" style="display:none;"></div>
 +
</div>
 +
 +
</li>
 +
<li id="navTeamName"><a href="https://2019.igem.org/Team:Fudan-TSI" style="height:5vw; width:auto;"><img src="https://static.igem.org/mediawiki/2019/2/21/T--Fudan-TSI--LogoTeamName.gif" style="height:2.3vw;"></a></li>
 +
<li style="float:right; width:8vw; height:5vw; display:inline-block; position:relative;"></li>
 +
<ul id="navBar">
 +
<li class="navLi"><a class="navA" href="https://2019.igem.org/Team:Fudan-TSI/Awards">Awards</a></li>
 +
<li class="navLi">
 +
<a class="navA" href="https://2019.igem.org/Team:Fudan-TSI/Team">Team</a>
 +
<ul class="ul2">
 +
<li class="li2"><a class="navA2" style="white-space:nowrap;" href="https://2019.igem.org/Team:Fudan-TSI/Team">Team Members</a></li>
 +
<li class="li2"><a class="navA2" href="https://2019.igem.org/Team:Fudan-TSI/Team/Attribution">Attribution</a></li>
 +
</ul>
 +
</li>
 +
<li class="navLi">
 +
<a class="navA" href="https://2019.igem.org/Team:Fudan-TSI/Human_Practices">Human Practices</a>
 +
<ul class="ul2">
 +
<li class="li2"><a class="navA2" style="white-space:nowrap; margin-bottom:1.7vw;" href="https://2019.igem.org/Team:Fudan-TSI/Public_Engagement">Education &amp; <br />Public Engagement</a></li>
 +
<li class="li2"><a class="navA2" style="white-space:nowrap; margin-bottom:1.7vw;" href="https://2019.igem.org/Team:Fudan-TSI/Integrated_Human_Practice">Integrated <br />Human Practice</a></li>
 +
<li class="li2"><a class="navA2" href="https://2019.igem.org/Team:Fudan-TSI/Collaborations">Collaboration</a></li>
 +
<li class="li2"><a class="navA2" href="https://2019.igem.org/Team:Fudan-TSI/Safety">Safety</a></li>
 +
</ul>
 +
</li>
 +
<li class="navLi">
 +
<a class="navA" href="https://2019.igem.org/Team:Fudan-TSI/Parts">Parts</a>
 +
<ul class="ul2">
 +
<li class="li2"><a class="navA2" style="white-space:nowrap;" href="https://2019.igem.org/Team:Fudan-TSI/Basic_Part">Basic Parts</a></li>
 +
<li class="li2"><a class="navA2" style="white-space:nowrap;" href="https://2019.igem.org/Team:Fudan-TSI/Composite_Part">Composite Parts</a></li>
 +
<li class="li2"><a class="navA2" style="white-space:nowrap;" href="https://2019.igem.org/Team:Fudan-TSI/Improve">Improved Parts</a></li>
 +
<li class="li2"><a class="navA2" style="white-space:nowrap;" href="https://2019.igem.org/Team:Fudan-TSI/Part_Collection">Part Collection</a></li>
 +
</ul>
  
 +
</li>
 +
<li class="navLi">
 +
<a class="navA" href="https://2019.igem.org/Team:Fudan-TSI/Model_Software">Model</a>
 +
<ul class="ul2">
 +
<li class="li2"><a class="navA2" href="https://2019.igem.org/Team:Fudan-TSI/Model">Modeling</a></li>
 +
<li class="li2"><a class="navA2" href="https://2019.igem.org/Team:Fudan-TSI/Software">Software</a></li>
 +
</ul>
 +
</li>
 +
<li class="navLi">
 +
<a class="navA" href="https://2019.igem.org/Team:Fudan-TSI/Results">Results</a>
 +
<ul class="ul2">
 +
<li class="li2"><a class="navA2" style="margin-bottom:1.7vw;" href="https://2019.igem.org/Team:Fudan-TSI/Results/Reverse_Transcription">Reverse Transcription</a></li>
 +
<li class="li2"><a class="navA2" href="https://2019.igem.org/Team:Fudan-TSI/Results/Recombination">Recombination</a></li>
 +
<li class="li2"><a class="navA2" href="https://2019.igem.org/Team:Fudan-TSI/Demonstrate">Demonstration</a></li>
 +
<li class="li2"><a class="navA2" href="https://2019.igem.org/Team:Fudan-TSI/Measurement">Measurement</a></li>
 +
<li class="li2"><a class="navA2" href="https://2019.igem.org/Team:Fudan-TSI/Notebook">Notebook</a></li>
 +
</ul>
 +
</li>
 +
<li class="navLi">
 +
<a class="navA" href="https://2019.igem.org/Team:Fudan-TSI/Description">Project</a>
 +
<ul class="ul2">
 +
<li class="li2"><a class="navA2" href="https://2019.igem.org/Team:Fudan-TSI/Description">Description</a></li>
 +
<li class="li2"><a class="navA2" href="https://2019.igem.org/Team:Fudan-TSI/Design">Design</a></li>
 +
<li class="li2"><a class="navA2" href="https://2019.igem.org/Team:Fudan-TSI/Design" style="white-space:nowrap">Applied Design</a></li>
 +
<li class="li2"><a class="navA2" href="https://2019.igem.org/Team:Fudan-TSI/Experiment">Experiment</a></li>
 +
</ul>
 +
</li>
 +
</ul>
 +
</ul>
  
−
<div class="igem_2019_team_mobile_bar">
+
<div id="mobileMenu">
−
+
<img src="Sources/Pics/2019_team_menu_icon.svg" id="menu" style="display:block; left:80%; position:absolute; height:10vw;">
−
<div class="igem_logo_mobile">
+
<ul id="mobileUl">
−
<img src="https://static.igem.org/mediawiki/2019/3/3c/Igem_mobile_menu_logo.svg">
+
<li class="mobileli">
−
</div>
+
<a class="mobileA">Project</a>
 +
<ul class="mobileUl2">
 +
<li class="mobileli2"><a class="mobileA2">Background</a></li>
 +
<li class="mobileli2"><a class="mobileA2">Background</a></li>
 +
</ul>
 +
</li>
 +
<li class="mobileli">
 +
<a class="mobileA">Results</a>
 +
<ul class="mobileUl2">
 +
<li class="mobileli2"><a class="mobileA2">Reverse Transcriptase</a></li>
 +
<li class="mobileli2"><a class="mobileA2">Recombination</a></li>
 +
<li class="mobileli2"><a class="mobileA2">Demonstration</a></li>
 +
<li class="mobileli2"><a class="mobileA2">Notebook</a></li>
 +
</ul>
 +
</li>
 +
<li class="mobileli">
 +
<a class="mobileA">Model</a>
 +
<ul class="mobileUl2">
 +
<li class="mobileli2"><a class="mobileA2">Modeling</a></li>
 +
<li class="mobileli2"><a class="mobileA2">Software</a></li>
 +
</ul>
 +
</li>
 +
<li class="mobileli">
 +
<a class="mobileA">Parts</a>
 +
<ul class="mobileUl2">
 +
<li class="mobileli2"><a class="mobileA2">Basic Parts</a></li>
 +
<li class="mobileli2"><a class="mobileA2">Composite Parts</a></li>
 +
<li class="mobileli2"><a class="mobileA2">Part Collection</a></li>
 +
</ul>
 +
</li>
 +
<li class="mobileli">
 +
<a class="mobileA">Human Practices</a>
 +
<ul class="mobileUl2">
 +
<li class="mobileli2"><a class="mobileA2">Education &#38 Public Engagement</a></li>
 +
<li class="mobileli2"><a class="mobileA2">Integrated Human Practices</a></li>
 +
<li class="mobileli2"><a class="mobileA2">Collaboration</a></li>
 +
<li class="mobileli2"><a class="mobileA2">Safety</a></li>
 +
</ul>
 +
</li>
 +
<li class="mobileli">
 +
<a class="mobileA">Team</a>
 +
<ul class="mobileUl2">
 +
<li class="mobileli2"><a class="mobileA2">Team Members</a></li>
 +
<li class="mobileli2"><a class="mobileA2">Attribution</a></li>
 +
</ul>
 +
</li>
 +
<li class="mobileli">
 +
<a class="mobileA">Awards</a>
 +
</li>
 +
</ul>
  
 +
</div>
  
−
<div class="igem_menu_control_mobile">
 
−
<img id="menu_control_image" src="https://static.igem.org/mediawiki/2019/e/ee/2019_team_menu_icon.svg">
 
 
</div>
 
</div>
  
−
</div>
+
<style>
 +
@media only screen and (max-width:800px){
 +
#navBar{
 +
background-color:white;
 +
height:5vw;
 +
width:10vw;
 +
float:right;
 +
position:relative;
 +
}
 +
.navLi{
 +
float:left;
 +
display:block;
 +
position:relative;
 +
text-align:left;
 +
width:10vw;
 +
text-align:left;
 +
}
  
 +
}
 +
</style>
 +
 +
<style>
 +
body{
 +
margin:0;
 +
padding:0;
 +
}
 +
#globalWrapper{
 +
width:100%;
 +
height:200%;
 +
margin:0;
 +
background-color:#08273a;
 +
position:absolute;
 +
}
 +
#navUl{
 +
width:100%;
 +
height:5vw;
 +
padding:0;
 +
overflow:visible;
 +
position:fixed;
 +
list-style:none;
 +
margin-top:2vw;
 +
z-index:999;
 +
}
 +
#navImg{
 +
display:inline-block;
 +
float:left;
 +
height:5vw;
 +
width:auto;
 +
position:relative;
 +
margin-top:0;
 +
}
 +
#starting{
 +
position:relative;
 +
display:block;
 +
}
 +
.logoContainer{
 +
height:4.5vw;
 +
position:absolute;
 +
width:auto;
 +
margin-top:0.25vw;
 +
}
 +
.logo{
 +
height:4.5vw;
 +
width:auto;
 +
position:absolute;
 +
pointer-events:none;
 +
}
  
 +
#navTeamName{
 +
display:inline-block;
 +
margin-top:1.4vw;
 +
margin-left:5.8vw;
 +
float:left;
 +
color:white;
 +
height:2vw;
 +
position:relative;
 +
}
 +
.navLi{
 +
float:right;
 +
display:inline-block;
 +
margin-top:1.6vw;
 +
color:white;
 +
font-size:1.3vw;
 +
position:relative;
 +
margin-left:1.5vw;
 +
text-align:center;
 +
font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
 +
text-decoration: none;
 +
}
 +
.navA{
 +
display:block;
 +
text-align:center;
 +
color:white;
 +
text-decoration:none;
 +
}
 +
.navA2{
 +
display:block;
 +
overflow:visible;
 +
color:white;
 +
height:1.3vw;
 +
line-height:1.1vw;
 +
}
 +
.ul2{
 +
list-style:none;
 +
position:absolute;
 +
display:none;
 +
overflow:hidden;
 +
padding:0;
 +
margin:0;
 +
font-size:1vw;
 +
left:50%;
 +
transform:translateX(-65%);
 +
margin-top:-2vw;
 +
border-bottom-left-radius: 1vw;
 +
border-bottom-right-radius: 1vw;
 +
}
 +
.li2{
 +
padding:0;
 +
margin-top:0.5vw;
 +
margin-bottom:0.5vw;
 +
margin-left:1vw;
 +
margin-right:1vw;
 +
text-align:center;
 +
display:block;
 +
}
 +
.navA:link,.navA2:link{
 +
text-decoration:none;
 +
}
 +
.navA:visited{
 +
color:white;
 +
}
 +
.navA2:visited,.navA2:active{
 +
color:white;
 +
}
 +
.navA:hover{
 +
color:aqua;
 +
}
 +
.navA2:hover{
 +
color:aqua;
 +
}
 +
.jqhover{
 +
color:aqua;
 +
}
 +
.navA:hover{
 +
text-decoration:none;
 +
}
 +
.navA:active{
 +
text-decoration:none;
 +
color:white;
 +
}
  
 +
</style>
  
−
<div class="igem_2019_team_menu">
+
 +
<style>
 +
#mobileMenu{
 +
background-color:white;
 +
height:10vw;
 +
width:100%;
 +
position:fixed;
 +
}
 +
#mobileUl{
 +
background-color:aquamarine;
 +
display:inline-block;
 +
position:relative;
 +
margin-top:10vw;
 +
float:right;
 +
display:none;
 +
}
 +
.mobileli{
 +
list-style:none;
 +
display:block;
 +
text-align:left;
 +
font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
 +
font-size:5vw;
 +
padding-right:10vw;
 +
}
 +
.mobileUl2{
 +
list-style:none;
 +
display:none;
 +
font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
 +
font-size:3vw;
 +
}
 +
.mobileli2{
 +
display:block;
 +
}
 +
</style>
 +
  
 +
<script>
 +
 +
navAdj();
 +
 +
$(window).resize(function(){
 +
scrDir=0;
 +
navAdj();
 +
});
  
−
<a href="https://2019.igem.org/Team:Fudan-TSI">
+
var scrDir=0;
−
<img src="https://placehold.it/350x150/ececec/cecece">
+
$(window).scroll(function(){
−
</a>
+
navAdj();
−
 
+
});
−
 
+
−
 
+
−
<a href="https://2019.igem.org/Team:Fudan-TSI">
+
−
<div class="menu_item direct_link">
+
−
HOME
+
−
</div>
+
−
</a>
+
−
 
+
−
<!-- Team -->
+
−
<div class="menu_item">
+
−
<div class="submenu_control_icon"> </div>
+
−
TEAM
+
−
</div>
+
−
<div class="submenu">
+
 
 
−
<a href="https://2019.igem.org/Team:Fudan-TSI/Team">
+
$(document).ready(function(){
−
<div class="submenu_item">
+
// var scrWidth=window.screen.width();
−
Team Members
+
var scrWidth=$(window).width();
−
</div>
+
if (scrWidth>100){
−
</a>
+
$(".navLi").mouseenter(function(){
−
 
+
$(this).find(".ul2").stop().fadeIn(300);4
−
<a href="https://2019.igem.org/Team:Fudan-TSI/Collaborations">
+
});
−
<div class="submenu_item">
+
$(".navLi").mouseleave(function(){
−
Collaborations
+
$(this).find(".ul2").stop().fadeOut(300);
−
</div>
+
});
−
</a>
+
}
−
</div>
+
−
 
+
−
 
+
−
<!-- Project -->
+
−
<div class="menu_item">
+
−
<div class="submenu_control_icon"> </div>
+
−
PROJECT
+
−
</div>
+
−
<div class="submenu">
+
−
+
−
<a href="https://2019.igem.org/Team:Fudan-TSI/Description">
+
−
<div class="submenu_item">
+
−
Description
+
−
</div>
+
−
</a>
+
−
 
+
−
<a href="https://2019.igem.org/Team:Fudan-TSI/Design">
+
−
<div class="submenu_item">
+
−
Design
+
−
</div>
+
−
</a>
+
−
 
+
−
<a href="https://2019.igem.org/Team:Fudan-TSI/Experiments">
+
−
<div class="submenu_item">
+
−
Experiments
+
−
</div>
+
−
</a>
+
−
 
+
−
 
+
−
<a href="https://2019.igem.org/Team:Fudan-TSI/Notebook">
+
−
<div class="submenu_item">
+
−
Notebook
+
−
</div>
+
−
</a>
+
 
 
−
<a href="https://2019.igem.org/Team:Fudan-TSI/Contribution">
+
});
−
<div class="submenu_item">
+
−
Contribution
+
−
</div>
+
−
</a>
+
−
 
+
−
<a href="https://2019.igem.org/Team:Fudan-TSI/Results">
+
−
<div class="submenu_item">
+
−
Results
+
−
</div>
+
−
</a>
+
−
 
+
−
 
+
−
<a href="https://2019.igem.org/Team:Fudan-TSI/Demonstrate">
+
−
<div class="submenu_item">
+
−
Demonstrate
+
−
</div>
+
−
</a>
+
−
 
+
−
<a href="https://2019.igem.org/Team:Fudan-TSI/Improve">
+
−
<div class="submenu_item">
+
−
Improve
+
−
</div>
+
−
</a>
+
−
 
+
−
<a href="https://2019.igem.org/Team:Fudan-TSI/Attributions">
+
−
<div class="submenu_item">
+
−
Attributions
+
−
</div>
+
−
</a>
+
−
 
+
−
</div>
+
−
 
+
−
 
+
−
<div class="menu_item">
+
−
<div class="submenu_control_icon"> </div>
+
−
PARTS
+
−
</div>
+
−
<div class="submenu">
+
−
+
−
<a href="https://2019.igem.org/Team:Fudan-TSI/Parts">
+
−
<div class="submenu_item">
+
−
Parts Overview
+
−
</div>
+
−
</a>
+
−
 
+
−
<a href="https://2019.igem.org/Team:Fudan-TSI/Basic_Part">
+
−
<div class="submenu_item">
+
−
Basic Parts
+
−
</div>
+
−
</a>
+
−
 
+
−
<a href="https://2019.igem.org/Team:Fudan-TSI/Composite_Part">
+
−
<div class="submenu_item">
+
−
Composite Parts
+
−
</div>
+
−
</a>
+
−
 
+
−
<a href="https://2019.igem.org/Team:Fudan-TSI/Part_Collection">
+
−
<div class="submenu_item">
+
−
Part Collection
+
−
</div>
+
−
</a>
+
−
</div>
+
−
 
+
 
 
 +
function navBar(){
 +
var winHeight=$(window).height();
 +
var winWidth=$(window).width();
 +
if (winHeight<winWidth) {
 +
if (winHeight<641){
 +
$("#navUl").hide();
 +
$("#mobileMenu").show();
 +
}
 +
else {
 +
$("#mobileMenu").hide();
 +
$("#navUl").show();
 +
}
 +
}
 +
else{
 +
$("#navUl").hide();
 +
$("#mobileMenu").show();
 +
}
 +
}
 
 
 +
$(document).ready(function(){
 +
// navBar();
 +
$("#mobileMenu").hide();
 +
});
 
 
 +
function navAdj(){
 +
var winHeight=$(window).height();
 +
                var topDis = $(window).scrollTop();
 +
var mainNavHeight=$("#navUl").height();
 +
$(".ul2").css("top",mainNavHeight);
 +
if(topDis > 100){
 +
if (scrDir!=1){
 +
$("#navUl")
 +
.stop()
 +
.animate({top:0,backgroundColor:"rgba(8,39,58,0.9)",boxShadow:"0px 0px 5px rgba(25,25,25,0.15)"},"fast");
 +
$(".ul2").css("background-image","linear-gradient(rgba(8,39,58,0.9) 0%, rgba(18,83,130,0.9) 100%)");
 +
}
 +
 +
scrDir=1;
 +
    $(".navA").hover(function () {
 +
                $(this).addClass("jqhover");
 +
            }).mouseout(function () {
 +
$(this).removeClass("jqhover");
 +
            });
 +
}
 +
else{
 +
if (scrDir!=2){
 +
$("#navUl").stop().animate({top:"2vw",backgroundColor:"transparent"},"fast");
 +
$(".ul2").css("background-image","linear-gradient(rgba(19,45,91,0) 0%, rgba(21,71,110,0.95) 20%, rgba(18,83,130,0.9) 100%)");
 +
}
 +
scrDir=2;
 +
$(".navA").hover(function () {
 +
                $(this).removeClass("jqhover");
 +
            });
 +
 +
};
 +
}
 
 
−
 
−
<a href="https://2019.igem.org/Team:Fudan-TSI/Safety">
 
−
<div class="menu_item direct_link">
 
−
SAFETY
 
−
</div>
 
−
</a>
 
−
 
−
 
−
 
−
 
−
 
−
 
−
<div class="menu_item">
 
−
<div class="submenu_control_icon"> </div>
 
−
HUMAN PRACTICES
 
−
</div>
 
−
 
−
<div class="submenu">
 
−
 
−
<a href="https://2019.igem.org/Team:Fudan-TSI/Human_Practices">
 
−
<div class="submenu_item">
 
−
Human Practices
 
−
</div>
 
−
</a>
 
−
 
−
 
−
<a href="https://2019.igem.org/Team:Fudan-TSI/Public_Engagement">
 
−
<div class="submenu_item">
 
−
Education & Engagement
 
−
</div>
 
−
</a>
 
−
 
−
</div>
 
−
 
−
 
−
 
−
 
−
 
−
<div class="menu_item">
 
−
<div class="submenu_control_icon"> </div>
 
−
AWARDS
 
−
</div>
 
−
 
−
<div class="submenu">
 
−
 
−
<a href="https://2019.igem.org/Team:Fudan-TSI/Entrepreneurship">
 
−
<div class="submenu_item">
 
−
Entrepreneurship
 
−
</div>
 
−
</a>
 
−
 
−
<a href="https://2019.igem.org/Team:Fudan-TSI/Hardware">
 
−
<div class="submenu_item">
 
−
Hardware
 
−
</div>
 
−
</a>
 
−
 
−
<a href="https://2019.igem.org/Team:Fudan-TSI/Measurement">
 
−
<div class="submenu_item">
 
−
Measurement
 
−
</div>
 
−
</a>
 
−
 
−
<a href="https://2019.igem.org/Team:Fudan-TSI/Model">
 
−
<div class="submenu_item">
 
−
Model
 
−
</div>
 
−
</a>
 
−
 
−
<a href="https://2019.igem.org/Team:Fudan-TSI/Plant">
 
−
<div class="submenu_item">
 
−
Plant
 
−
</div>
 
−
</a>
 
−
 
−
 
−
<a href="https://2019.igem.org/Team:Fudan-TSI/Software">
 
−
<div class="submenu_item">
 
−
Software
 
−
</div>
 
−
</a>
 
−
 
−
</div>
 
−
 
−
 
−
 
−
<a href="https://igem.org/2019_Judging_Form?team=Fudan-TSI">
 
−
<div class="menu_item direct_link">
 
−
JUDGING FORM ⇗
 
−
</div>
 
−
</a>
 
−
 
−
 
 
 
−
<div class="menu_padding"></div>
+
function changePic(pic1,pic2,fadeTime,delayTime,time){
 +
setTimeout(function(){
 +
$(pic2).fadeIn(fadeTime);
 +
setTimeout(function(){
 +
$(pic1).fadeOut(fadeTime);  
 +
  },delayTime);
 +
},time);
 +
}
 
 
 +
$(document).ready(function(){
 +
$("img.logo:not(#logo0)").hide();
 +
});
 +
 +
$("#home").mouseenter(function(){
 +
$("#home").stop();
 +
$("img.logo:not(#logo0)").hide();
 +
$("img#logo0").show();
 +
setTimeout(function(){
 +
$("img#logo0").fadeOut(200);
 +
},0);
 +
setTimeout(function(){
 +
$("img#logo1").fadeIn(200);
 +
},100);
 +
setTimeout(function(){
 +
var t1=200, t2=300, t0=100;
 +
var i=1;
 +
while (i<12) {
 +
var img1="img#logo"+i;
 +
var img2="img#logo"+(i+1);
 +
var t3=t2*i;
 +
changePic(img1, img2, t1, t0, t3);
 +
i++;
 +
};
 +
setTimeout(function(){
 +
$("img.logo:not(logo0)").hide();
 +
$("img#logo0").show();
 +
},3300);
 +
},300);
 +
});
 +
// $("#home").mouseleave(function(){
 +
// $("#home").stop();
 +
// $("img.logo:not(#logo0)").hide();
 +
// $("img#logo0").show();
 +
// });
 +
 +
</script>
  
−
 
+
−
 
+
<script>
−
 
+
document.getElementById("menu").onclick=function(){
−
</div>
+
$("#mobileUl").toggle();
 +
};
 +
 +
</script>
 +
  
 
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->

Revision as of 15:19, 1 October 2019