Difference between revisions of "Template:China Tongji Head"

 
(17 intermediate revisions by the same user not shown)
Line 61: Line 61:
 
.navOne a{
 
.navOne a{
 
color: #333;
 
color: #333;
−
line-height:100%;
 
 
}
 
}
 
.navOneA{
 
.navOneA{
Line 93: Line 92:
 
list-style-type: none;
 
list-style-type: none;
 
padding: 5px 10px;
 
padding: 5px 10px;
 +
max-width:130px;
 
}
 
}
 
.navTwo:hover{
 
.navTwo:hover{
Line 103: Line 103:
 
font-size: 14px;
 
font-size: 14px;
 
display:block;
 
display:block;
−
width:100%;
+
width:100%;
 
}
 
}
  
Line 128: Line 128:
 
                     <li class="navTwo" id="navOverview"><a href="https://2015.igem.org/Team:China_Tongji/Project?locationId=Overview">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 href="https://2015.igem.org/Team:China_Tongji/Project?locationId=Background">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 href="https://2015.igem.org/Team:China_Tongji/Project?locationId=Design">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 href="https://2015.igem.org/Team:China_Tongji/Project?locationId=Protocol">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 href="https://2015.igem.org/Team:China_Tongji/Project?locationId=SummaryResult">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>
 
         </div>
Line 144: Line 146:
 
                     <li class="navTwo" id="navEquipment"><a href="https://2015.igem.org/Team:China_Tongji/Achivement?locationId=Equipment">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?locationId=Modeling">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?locationId=JudgingForm">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>
Line 173: Line 176:
 
//单击导航栏后跳转到指定面
 
//单击导航栏后跳转到指定面
 
$('#divHome').click(function(){ location.href="https://2015.igem.org/Team:China_Tongji"; });
 
$('#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"; });
 
$('#divSafety').click(function(){ location.href="https://2015.igem.org/Team:China_Tongji/Safety"; });
−
//--------单击二级标题时，动态定位到页面指定位置-----------//
+
 
−
// //Project二级标题
+
//当前位置指示
−
// $('#navOverview').click(function(){$('html,body').animate({scrollTop: $('#Overview').offset().top-78}, 800);});  
+
var keyWord = location.href.substring(38);
−
// $('#navBackground').click(function(){$('html,body').animate({scrollTop: $('#Background').offset().top-78}, 800);});
+
if( (keyWord.match("Project") != null) || (keyWord.match("Design") != null) ){
−
// $('#navDesign').click(function(){$('html,body').animate({scrollTop: $('#Design').offset().top-78}, 800);});
+
document.getElementById("divProject").style.borderBottom = "4px solid #6D2E1A";
−
// $('#navProtocol').click(function(){$('html,body').animate({scrollTop: $('#Protocol').offset().top-78}, 800);});
+
}else if(keyWord.match("Notebook") != null){
−
// $('#navSummaryResult').click(function(){$('html,body').animate({scrollTop: $('#SummaryResult').offset().top-78}, 800);});
+
document.getElementById("divNotebook").style.borderBottom = "4px solid #6D2E1A";
−
// //Notebook二级标题
+
}else if( (keyWord.match("Achivement") != null) || (keyWord.match("Modeling") != null) ){
−
// $('#navRecord').click(function(){$('html,body').animate({scrollTop: $('#Record').offset().top-78}, 800);});
+
document.getElementById("divAchivement").style.borderBottom = "4px solid #6D2E1A";
−
// $('#navTimeline').click(function(){$('html,body').animate({scrollTop: $('#Timeline').offset().top-78}, 800);});  
+
}else if( (keyWord.match("Team") != null) || (keyWord.match("Attributions") != null) ){
−
// //Achivement二级标题
+
document.getElementById("divTeam").style.borderBottom = "4px solid #6D2E1A";
−
// $('#navParts').click(function(){$('html,body').animate({scrollTop: $('#Parts').offset().top-78}, 800);});
+
}else if( (keyWord.match("Outreach") != null) || (keyWord.match("Practices") != null) || (keyWord.match("Collaborations") != null) ){
−
// $('#navEquipment').click(function(){$('html,body').animate({scrollTop: $('#Equipment').offset().top-78}, 800);});
+
document.getElementById("divOutreach").style.borderBottom = "4px solid #6D2E1A";
−
// $('#navModeling').click(function(){$('html,body').animate({scrollTop: $('#Modeling').offset().top-78}, 800);});
+
}else if(keyWord.match("Safety") != null){
−
// $('#navJudgingForm').click(function(){$('html,body').animate({scrollTop: $('#JudgingForm').offset().top-78}, 800);});
+
document.getElementById("divSafety").style.borderBottom = "4px solid #6D2E1A";
−
// //Team二级标题
+
}else{
−
// $('#navMembers').click(function(){$('html,body').animate({scrollTop: $('#Members').offset().top-78}, 800);});
+
document.getElementById("divHome").style.borderBottom = "4px solid #6D2E1A";
−
// $('#navAdvisor').click(function(){$('html,body').animate({scrollTop: $('#Advisor').offset().top-78}, 800);});
+
}
−
// $('#navInstructor').click(function(){$('html,body').animate({scrollTop: $('#Instructor').offset().top-78}, 800);});
+
−
// $('#navAttributions').click(function(){$('html,body').animate({scrollTop: $('#Attributions').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);});
+
−
// //Outreach二级标题
+
−
// $('#navHumanPractice').click(function(){$('html,body').animate({scrollTop: $('#HumanPractice').offset().top-78}, 800);});
+
−
// $('#navCollaboration').click(function(){$('html,body').animate({scrollTop: $('#Collaboration').offset().top-78}, 800);});
+
−
// $('#navQuestionare').click(function(){$('html,body').animate({scrollTop: $('#Questionare').offset().top-78}, 800);});
+
 
});
 
});
 
</script>
 
</script>
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 20:50, 17 September 2015