Difference between revisions of "Template:China Tongji Head"

@@ Line 1: / Line 1: @@
 <html>
 <head>
-<script type="text/javascript">
-jQuery(document).ready(function($){
-	$('#navRecord').click(function(){$('html,body').animate({scrollTop: $('#Record').offset().top-78}, 800);});
-	$('#navTimeline').click(function(){$('html,body').animate({scrollTop: $('#Timeline').offset().top-78}, 800);});
-	$('#navParts').click(function(){$('html,body').animate({scrollTop: $('#Parts').offset().top-78}, 800);});
-	$('#navEquipment').click(function(){$('html,body').animate({scrollTop: $('#Equipment').offset().top-78}, 800);});
-	$('#navModeling').click(function(){$('html,body').animate({scrollTop: $('#Modeling').offset().top-78}, 800);});
-	$('#navJudgingForm').click(function(){$('html,body').animate({scrollTop: $('#JudgingForm').offset().top-78}, 800);});
-	$('#navMembers').click(function(){$('html,body').animate({scrollTop: $('#Members').offset().top-78}, 800);});
-	$('#navAttributions').click(function(){$('html,body').animate({scrollTop: $('#Attributions').offset().top-78}, 800);});
-	$('#navAdvisor').click(function(){$('html,body').animate({scrollTop: $('#Advisor').offset().top-78}, 800);});
-	$('#navSponsor').click(function(){$('html,body').animate({scrollTop: $('#Sponsor').offset().top-78}, 800);});
-	$('#navContact').click(function(){$('html,body').animate({scrollTop: $('#Contact').offset().top-78}, 800);});
-	$('#navHumanPractice').click(function(){$('html,body').animate({scrollTop: $('#HumanPractice').offset().top-78}, 800);});
-	$('#navCollaboration').click(function(){$('html,body').animate({scrollTop: $('#Collaboration').offset().top-78}, 800);});
-});
-</script>
 <style type="text/css">
 #globalWrapper{
 	padding:0px;
@@ Line 48: / Line 20: @@
 .head{
 	position: fixed;
-     eft:0px;
+     left:0px;
 	top:18px;
 	width: 100%;
@@ Line 54: / Line 26: @@
 	background:url(https://static.igem.org/mediawiki/2015/8/8c/Team_China_Tongji-transparent-nav.png);
 	border-bottom: thin solid #CCC;
-	z-index:1000;
+	z-index:10000;
 }
 .head:hover{
@@ Line 104: / Line 76: @@
 	background:#CCC;
 	border-bottom: 4px solid #CCC;
+	cursor:pointer;
 }
 .navOne:hover a{
@@ Line 119: / Line 92: @@
 	list-style-type: none;
 	padding: 5px 10px;
+	max-width:130px;
 }
 .navTwo:hover{
 	background:#999;
+	cursor:pointer;
 }
 .navTwo a{
@@ Line 127: / Line 102: @@
 	font-family: Georgia, "Times New Roman", Times, serif;
 	font-size: 14px;
+	display:block;
+	width:100%;
 }
@@ Line 133: / Line 110: @@
 <body>
 <!--head start-->
 <div class="head">
 	<div id="navLogoLeft">
-         <a href="https://igem.org/Team.cgi?year=2015&amp;team_name=China_Tongji">
+         <a href="https://igem.org/Team.cgi?year=2015&amp;team_name=China_Tongji" target="_blank">
          	<img id="teamLogo" src="https://static.igem.org/mediawiki/2015/5/57/China_Tongji_team-logo-300px.png"/>
          </a>
      </div>
      <div id="navLogoRight">
-         <a href="https://2015.igem.org/Main_Page">
+         <a href="https://2015.igem.org/Main_Page" target="_blank">
              <img id="igemLogo"  src="https://static.igem.org/mediawiki/2015/2/20/China_Tongji_iGEM_logo.png" alt="China_Tongji"/>
          </a>
@@ Line 150: / Line 126: @@
           <div class="navOne" id="divProject"><a class="navOneA" id="Project" href="https://2015.igem.org/Team:China_Tongji/Project">Project <img src="https://static.igem.org/mediawiki/2015/0/07/China_Tongji_2015_dropdown_arrow.png"></a>
               <div class="navDrop">
-                     <li class="navTwo" id="navOverview"><a class="navProjectA" href="https://2015.igem.org/Team:China_Tongji/Project">Overview</a></li>
+                     <li class="navTwo" id="navOverview"><a href="https://2015.igem.org/Team:China_Tongji/Project?locationId=Overview">Overview</a></li>
-                     <li class="navTwo" id="navBackground"><a class="navProjectA" href="https://2015.igem.org/Team:China_Tongji/Project">Background</a></li>
+                     <li class="navTwo" id="navBackground"><a href="https://2015.igem.org/Team:China_Tongji/Project?locationId=Background">Background</a></li>
-                     <li class="navTwo" id="navDesign"><a class="navProjectA" href="https://2015.igem.org/Team:China_Tongji/Project">Design</a></li>
+                     <li class="navTwo" id="navDesign"><a href="https://2015.igem.org/Team:China_Tongji/Project?locationId=ProjectDesign">Project Design</a></li>
-                     <li class="navTwo" id="navProtocol"><a class="navProjectA" href="https://2015.igem.org/Team:China_Tongji/Project">Protocol</a></li>
+                     <li class="navTwo" id="navProtocol"><a href="https://2015.igem.org/Team:China_Tongji/Project?locationId=Protocol">Protocol</a></li>
-                     <li class="navTwo" id="navSummaryResult"><a class="navProjectA" href="https://2015.igem.org/Team:China_Tongji/Project">Summary and Result</a></li>
+                    <li class="navTwo" id="navSummaryResult"><a href="https://2015.igem.org/Team:China_Tongji/Project?locationId=SummaryResult">Summary and Result</a></li>
+                     <li class="navTwo" id="navDesign"><a href="https://2015.igem.org/Team:China_Tongji/Project?locationId=Design">Design</a></li>
+                    <li class="navTwo" id="navCharacterize"><a href="https://2015.igem.org/Team:China_Tongji/Project?locationId=Characterize">Characterize an existing part</a></li>
              </div>
           </div>
           <div class="navOne" id="divNotebook"><a class="navOneA" id="Notebook" href="https://2015.igem.org/Team:China_Tongji/Notebook">Notebook <img src="https://static.igem.org/mediawiki/2015/0/07/China_Tongji_2015_dropdown_arrow.png"></a>
               <div class="navDrop">
-                 <li class="navTwo" id="navRecord"><a href="https://2015.igem.org/Team:China_Tongji/Notebook">Record</a></li>
+                 <li class="navTwo" id="navRecord"><a href="https://2015.igem.org/Team:China_Tongji/Notebook?locationId=Record">Record</a></li>
-                 <li class="navTwo" id="navTimeline"><a href="https://2015.igem.org/Team:China_Tongji/Notebook">Timeline</a></li>
+                 <li class="navTwo" id="navTimeline"><a href="https://2015.igem.org/Team:China_Tongji/Notebook?locationId=Timeline">Timeline</a></li>
              </div>
           </div>
           <div class="navOne" id="divAchivement"><a class="navOneA" id="Achivement" href="https://2015.igem.org/Team:China_Tongji/Achivement">Achivement <img src="https://static.igem.org/mediawiki/2015/0/07/China_Tongji_2015_dropdown_arrow.png"></a>
               <div class="navDrop">
-                     <li class="navTwo" id="navParts"><a href="https://2015.igem.org/Team:China_Tongji/Achivement">Parts</a></li>
+                     <li class="navTwo" id="navParts"><a href="https://2015.igem.org/Team:China_Tongji/Achivement?locationId=Parts">Parts</a></li>
-                     <li class="navTwo" id="navEquipment"><a href="https://2015.igem.org/Team:China_Tongji/Achivement">Equipment</a></li>
+                     <li class="navTwo" id="navEquipment"><a href="https://2015.igem.org/Team:China_Tongji/Achivement?locationId=Equipment">Equipment</a></li>
-                     <li class="navTwo" id="navModeling"><a href="https://2015.igem.org/Team:China_Tongji/Achivement">Modeling</a></li>
+                     <li class="navTwo" id="navModeling"><a href="https://2015.igem.org/Team:China_Tongji/Achivement?locationId=Modeling">Modeling</a></li>
-                     <li class="navTwo" id="navJudgingForm"><a href="https://2015.igem.org/Team:China_Tongji/Achivement">Judging Form</a></li>
+                     <li class="navTwo" id="navSelfJudgement"><a href="https://2015.igem.org/Team:China_Tongji/Achivement?locationId=SelfJudgement">Self Judgement</a></li>
+                    <li class="navTwo" id="navJudgingForm"><a href="https://igem.org/2015_Judging_Form?id=1634" target="_blank">Judging Form</a></li>
              </div>
           </div>
           <div class="navOne" id="divTeam"><a class="navOneA" id="Team" href="https://2015.igem.org/Team:China_Tongji/Team">Team <img src="https://static.igem.org/mediawiki/2015/0/07/China_Tongji_2015_dropdown_arrow.png"></a>
               <div class="navDrop">
-                 <li class="navTwo" id="navMembers"><a href="https://2015.igem.org/Team:China_Tongji/Team">Members</a></li>
+                 <li class="navTwo" id="navMembers"><a href="https://2015.igem.org/Team:China_Tongji/Team?locationId=Members">Members</a></li>
-                 <li class="navTwo" id="navAttributions"><a href="https://2015.igem.org/Team:China_Tongji/Team">Attributions</a></li>
+                 <li class="navTwo" id="navAdvisor"><a href="https://2015.igem.org/Team:China_Tongji/Team?locationId=Advisor">Advisor</a></li>
-                 <li class="navTwo" id="navAdvisor"><a href="https://2015.igem.org/Team:China_Tongji/Team">Advisor</a></li>
+                 <li class="navTwo" id="navInstructor"><a href="https://2015.igem.org/Team:China_Tongji/Team?locationId=Instructor">Instructor</a></li>
-                 <li class="navTwo" id="navSponsor"><a href="https://2015.igem.org/Team:China_Tongji/Team">Sponsor</a></li>
+                <li class="navTwo" id="navAttributions"><a href="https://2015.igem.org/Team:China_Tongji/Team?locationId=Attributions">Attributions</a></li>
-                 <li class="navTwo" id="navContact"><a href="https://2015.igem.org/Team:China_Tongji/Team">Contact</a></li>
+                 <li class="navTwo" id="navSponsor"><a href="https://2015.igem.org/Team:China_Tongji/Team?locationId=Sponsor">Sponsor</a></li>
+                 <li class="navTwo" id="navContact"><a href="https://2015.igem.org/Team:China_Tongji/Team?locationId=Contact">Contact</a></li>
              </div>
           </div>
           <div class="navOne" id="divOutreach"><a class="navOneA" id="Outreach" href="https://2015.igem.org/Team:China_Tongji/Outreach">Outreach <img src="https://static.igem.org/mediawiki/2015/0/07/China_Tongji_2015_dropdown_arrow.png"></a>
               <div class="navDrop">
-                 <li class="navTwo" id="navHumanPractice"><a href="https://2015.igem.org/Team:China_Tongji/Outreach">Human Practice</a></li>
+                 <li class="navTwo" id="navHumanPractice"><a href="https://2015.igem.org/Team:China_Tongji/Outreach?locationId=HumanPractice">Human Practice</a></li>
-                 <li class="navTwo" id="navCollaboration"><a href="https://2015.igem.org/Team:China_Tongji/Outreach">Collaboration</a></li>
+                 <li class="navTwo" id="navCollaboration"><a href="https://2015.igem.org/Team:China_Tongji/Outreach?locationId=Collaboration">Collaboration</a></li>
+                <li class="navTwo" id="navQuestionare"><a href="https://2015.igem.org/Team:China_Tongji/Outreach?locationId=Questionare">Questionare</a></li>
              </div>
           </div>
@@ Line 190: / Line 171: @@
 </div>
+<!-- --------------- script code --------------- -->
+<script type="text/javascript">
+jQuery(document).ready(function($){
+	//单击导航栏后跳转到指定面
+	$('#divHome').click(function(){ location.href="https://2015.igem.org/Team:China_Tongji"; });
+	$('#divProject').click(function(){ location.href="https://2015.igem.org/Team:China_Tongji/Project"; });
+	$('#divNotebook').click(function(){ location.href="https://2015.igem.org/Team:China_Tongji/Notebook"; });
+	$('#divAchivement').click(function(){ location.href="https://2015.igem.org/Team:China_Tongji/Achivement"; });
+	$('#divTeam').click(function(){ location.href="https://2015.igem.org/Team:China_Tongji/Team"; });
+	$('#divOutreach').click(function(){ location.href="https://2015.igem.org/Team:China_Tongji/Outreach"; });
+	$('#divSafety').click(function(){ location.href="https://2015.igem.org/Team:China_Tongji/Safety"; });
+	//当前位置指示
+	var keyWord = location.href.substring(38);
+	if( (keyWord.match("Project") != null) || (keyWord.match("Design") != null) ){
+		document.getElementById("divProject").style.borderBottom = "4px solid #6D2E1A";
+	}else if(keyWord.match("Notebook") != null){
+		document.getElementById("divNotebook").style.borderBottom = "4px solid #6D2E1A";
+	}else if( (keyWord.match("Achivement") != null) || (keyWord.match("Modeling") != null) ){
+		document.getElementById("divAchivement").style.borderBottom = "4px solid #6D2E1A";
+	}else if( (keyWord.match("Team") != null) || (keyWord.match("Attributions") != null) ){
+		document.getElementById("divTeam").style.borderBottom = "4px solid #6D2E1A";
+	}else if( (keyWord.match("Outreach") != null) || (keyWord.match("Practices") != null) || (keyWord.match("Collaborations") != null) ){
+		document.getElementById("divOutreach").style.borderBottom = "4px solid #6D2E1A";
+	}else if(keyWord.match("Safety") != null){
+		document.getElementById("divSafety").style.borderBottom = "4px solid #6D2E1A";
+	}else{
+		document.getElementById("divHome").style.borderBottom = "4px solid #6D2E1A";
+	}
+});
+</script>
 </body>
 </html>