Difference between revisions of "Template:China Tongji Head"

 
(37 intermediate revisions by the same user not shown)
Line 92: Line 92:
 
list-style-type: none;
 
list-style-type: none;
 
padding: 5px 10px;
 
padding: 5px 10px;
 +
max-width:130px;
 
}
 
}
 
.navTwo:hover{
 
.navTwo:hover{
Line 101: Line 102:
 
font-family: Georgia, "Times New Roman", Times, serif;
 
font-family: Georgia, "Times New Roman", Times, serif;
 
font-size: 14px;
 
font-size: 14px;
 +
display:block;
 +
width:100%;
 
}
 
}
  
Line 120: Line 123:
 
     </div>  
 
     </div>  
 
     <div class="nav">
 
     <div class="nav">
−
         <a class="navOneA" id="Home" href="https://2015.igem.org/Team:China_Tongji"><div class="navOne" id="divHome">Home</div></a>
+
         <div class="navOne" id="divHome"><a class="navOneA" id="Home" href="https://2015.igem.org/Team:China_Tongji">Home</a></div>
−
        <a class="navOneA" id="Project" href="https://2015.igem.org/Team:China_Tongji/Project"><div class="navOne" id="divProject">Project <img src="https://static.igem.org/mediawiki/2015/0/07/China_Tongji_2015_dropdown_arrow.png"></a>
+
        <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">
 
             <div class="navDrop">
−
                     <a><li class="navTwo" id="navOverview">Overview</li></a>
+
                     <li class="navTwo" id="navOverview"><a href="https://2015.igem.org/Team:China_Tongji/Project?locationId=Overview">Overview</a></li>
−
                    <a><li class="navTwo" id="navBackground">Background</li></a>
+
                    <li class="navTwo" id="navBackground"><a href="https://2015.igem.org/Team:China_Tongji/Project?locationId=Background">Background</a></li>
−
                    <a><li class="navTwo" id="navDesign">Design</li></a>
+
                    <li class="navTwo" id="navDesign"><a href="https://2015.igem.org/Team:China_Tongji/Project?locationId=ProjectDesign">Project Design</a></li>
−
                    <a><li class="navTwo" id="navProtocol">Protocol</li></a>
+
                    <li class="navTwo" id="navProtocol"><a href="https://2015.igem.org/Team:China_Tongji/Project?locationId=Protocol">Protocol</a></li>
−
                    <a><li class="navTwo" id="navSummaryResult">Summary and Result</li></a>
+
                    <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>
 
         </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="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">
 
             <div class="navDrop">
−
                 <li class="navTwo" id="navRecord"><a>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>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>
 
         </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="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">
 
             <div class="navDrop">
−
                     <li class="navTwo" id="navParts"><a>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>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>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>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>
 
         </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="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">
 
             <div class="navDrop">
−
                 <li class="navTwo" id="navMembers"><a>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="navAdvisor"><a>Advisor</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="navInstructor"><a>Instructor</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="navAttributions"><a>Attributions</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="navSponsor"><a>Sponsor</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>Contact</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>
 
         </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="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">
 
             <div class="navDrop">
−
                 <li class="navTwo" id="navHumanPractice"><a>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>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>
 
         </div>
 
         </div>
Line 167: Line 174:
 
<script type="text/javascript">
 
<script type="text/javascript">
 
jQuery(document).ready(function($){
 
jQuery(document).ready(function($){
−
//--------单击二级标题时，动态定位到页面指定位置-----------//
+
//单击导航栏后跳转到指定面
−
//Project二级标题
+
$('#divHome').click(function(){ location.href="https://2015.igem.org/Team:China_Tongji"; });
−
$('#navOverview').click(function(){$('html,body').animate({scrollTop: $('#Overview').offset().top-78}, 800);});  
+
$('#divProject').click(function(){ location.href="https://2015.igem.org/Team:China_Tongji/Project"; });
−
$('#navBackground').click(function(){$('html,body').animate({scrollTop: $('#Background').offset().top-78}, 800);});  
+
$('#divNotebook').click(function(){ location.href="https://2015.igem.org/Team:China_Tongji/Notebook"; });
−
$('#navDesign').click(function(){$('html,body').animate({scrollTop: $('#Design').offset().top-78}, 800);});  
+
$('#divAchivement').click(function(){ location.href="https://2015.igem.org/Team:China_Tongji/Achivement"; });
−
$('#navProtocol').click(function(){$('html,body').animate({scrollTop: $('#Protocol').offset().top-78}, 800);});  
+
$('#divTeam').click(function(){ location.href="https://2015.igem.org/Team:China_Tongji/Team"; });
−
$('#navSummaryResult').click(function(){$('html,body').animate({scrollTop: $('#SummaryResult').offset().top-78}, 800);});  
+
$('#divOutreach').click(function(){ location.href="https://2015.igem.org/Team:China_Tongji/Outreach"; });
−
//Notebook二级标题
+
$('#divSafety').click(function(){ location.href="https://2015.igem.org/Team:China_Tongji/Safety"; });
−
$('#navRecord').click(function(){$('html,body').animate({scrollTop: $('#Record').offset().top-78}, 800);});  
+
 
−
$('#navTimeline').click(function(){$('html,body').animate({scrollTop: $('#Timeline').offset().top-78}, 800);});  
+
//当前位置指示
−
//Achivement二级标题
+
var keyWord = location.href.substring(38);
−
$('#navParts').click(function(){$('html,body').animate({scrollTop: $('#Parts').offset().top-78}, 800);});
+
if( (keyWord.match("Project") != null) || (keyWord.match("Design") != null) ){
−
$('#navEquipment').click(function(){$('html,body').animate({scrollTop: $('#Equipment').offset().top-78}, 800);});  
+
document.getElementById("divProject").style.borderBottom = "4px solid #6D2E1A";
−
$('#navModeling').click(function(){$('html,body').animate({scrollTop: $('#Modeling').offset().top-78}, 800);});  
+
}else if(keyWord.match("Notebook") != null){
−
$('#navJudgingForm').click(function(){$('html,body').animate({scrollTop: $('#JudgingForm').offset().top-78}, 800);});
+
document.getElementById("divNotebook").style.borderBottom = "4px solid #6D2E1A";
−
//Team二级标题
+
}else if( (keyWord.match("Achivement") != null) || (keyWord.match("Modeling") != null) ){
−
$('#navMembers').click(function(){$('html,body').animate({scrollTop: $('#Members').offset().top-78}, 800);});  
+
document.getElementById("divAchivement").style.borderBottom = "4px solid #6D2E1A";
−
$('#navAdvisor').click(function(){$('html,body').animate({scrollTop: $('#Advisor').offset().top-78}, 800);});
+
}else if( (keyWord.match("Team") != null) || (keyWord.match("Attributions") != null) ){
−
$('#navInstructor').click(function(){$('html,body').animate({scrollTop: $('#Instructor').offset().top-78}, 800);});  
+
document.getElementById("divTeam").style.borderBottom = "4px solid #6D2E1A";
−
$('#navSponsor').click(function(){$('html,body').animate({scrollTop: $('#Sponsor').offset().top-78}, 800);});
+
}else if( (keyWord.match("Outreach") != null) || (keyWord.match("Practices") != null) || (keyWord.match("Collaborations") != null) ){
−
$('#navContact').click(function(){$('html,body').animate({scrollTop: $('#Contact').offset().top-78}, 800);});  
+
document.getElementById("divOutreach").style.borderBottom = "4px solid #6D2E1A";
−
//Outreach二级标题
+
}else if(keyWord.match("Safety") != null){
−
$('#navHumanPractice').click(function(){$('html,body').animate({scrollTop: $('#HumanPractice').offset().top-78}, 800);});  
+
document.getElementById("divSafety").style.borderBottom = "4px solid #6D2E1A";
−
$('#navCollaboration').click(function(){$('html,body').animate({scrollTop: $('#Collaboration').offset().top-78}, 800);});
+
}else{
 +
document.getElementById("divHome").style.borderBottom = "4px solid #6D2E1A";
 +
}
 
});
 
});
 
</script>
 
</script>
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 20:50, 17 September 2015