Difference between revisions of "Template:China Tongji Head"

Line 76: Line 76:
 
background:#CCC;
 
background:#CCC;
 
border-bottom: 4px solid #CCC;
 
border-bottom: 4px solid #CCC;
 +
cursor:pointer; 
 
}
 
}
 
.navOne:hover a{
 
.navOne:hover a{
Line 94: Line 95:
 
.navTwo:hover{
 
.navTwo:hover{
 
background:#999;
 
background:#999;
 +
cursor:pointer;
 
}
 
}
 
.navTwo a{
 
.navTwo a{
Line 147: Line 149:
 
                 <li class="navTwo" id="navAdvisor"><a>Advisor</a></li>
 
                 <li class="navTwo" id="navAdvisor"><a>Advisor</a></li>
 
                 <li class="navTwo" id="navInstructor"><a>Instructor</a></li>  
 
                 <li class="navTwo" id="navInstructor"><a>Instructor</a></li>  
−
                 <li class="navTwo" id="navAttributions"><a>Attributions</a></li>              
+
                 <li class="navTwo" id="navAttributions"><a>Attributions</a></li>  
 
                 <li class="navTwo" id="navSponsor"><a>Sponsor</a></li>
 
                 <li class="navTwo" id="navSponsor"><a>Sponsor</a></li>
 
                 <li class="navTwo" id="navContact"><a>Contact</a></li>
 
                 <li class="navTwo" id="navContact"><a>Contact</a></li>
Line 156: Line 158:
 
                 <li class="navTwo" id="navHumanPractice"><a>Human Practice</a></li>
 
                 <li class="navTwo" id="navHumanPractice"><a>Human Practice</a></li>
 
                 <li class="navTwo" id="navCollaboration"><a>Collaboration</a></li>
 
                 <li class="navTwo" id="navCollaboration"><a>Collaboration</a></li>
 +
                <li class="navTwo" id="navQuestionare"><a>Questionare</a></li>
 
             </div>
 
             </div>
 
         </div>
 
         </div>
Line 164: Line 167:
 
<!-- --------------- script code --------------- -->  
 
<!-- --------------- script code --------------- -->  
 
<script type="text/javascript">
 
<script type="text/javascript">
−
jQuery(document).ready(function($){
+
jQuery(document).ready(function($){
 +
//单击导航栏后跳转到指定面
 +
$('#divHome').click(function(){ location.href="https://2015.igem.org/Team:China_Tongji"; });
 +
$('#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);});  
 
$('#navOverview').click(function(){$('html,body').animate({scrollTop: $('#Overview').offset().top-78}, 800);});  
 
$('#navBackground').click(function(){$('html,body').animate({scrollTop: $('#Background').offset().top-78}, 800);});  
 
$('#navBackground').click(function(){$('html,body').animate({scrollTop: $('#Background').offset().top-78}, 800);});  
Line 170: Line 178:
 
$('#navProtocol').click(function(){$('html,body').animate({scrollTop: $('#Protocol').offset().top-78}, 800);});  
 
$('#navProtocol').click(function(){$('html,body').animate({scrollTop: $('#Protocol').offset().top-78}, 800);});  
 
$('#navSummaryResult').click(function(){$('html,body').animate({scrollTop: $('#SummaryResult').offset().top-78}, 800);});  
 
$('#navSummaryResult').click(function(){$('html,body').animate({scrollTop: $('#SummaryResult').offset().top-78}, 800);});  
−
+
//Notebook二级标题
 
$('#navRecord').click(function(){$('html,body').animate({scrollTop: $('#Record').offset().top-78}, 800);});  
 
$('#navRecord').click(function(){$('html,body').animate({scrollTop: $('#Record').offset().top-78}, 800);});  
 
$('#navTimeline').click(function(){$('html,body').animate({scrollTop: $('#Timeline').offset().top-78}, 800);});  
 
$('#navTimeline').click(function(){$('html,body').animate({scrollTop: $('#Timeline').offset().top-78}, 800);});  
−
+
//Achivement二级标题
 
$('#navParts').click(function(){$('html,body').animate({scrollTop: $('#Parts').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);});  
 
$('#navEquipment').click(function(){$('html,body').animate({scrollTop: $('#Equipment').offset().top-78}, 800);});  
 
$('#navModeling').click(function(){$('html,body').animate({scrollTop: $('#Modeling').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);});
 
$('#navJudgingForm').click(function(){$('html,body').animate({scrollTop: $('#JudgingForm').offset().top-78}, 800);});
−
+
//Team二级标题
 
$('#navMembers').click(function(){$('html,body').animate({scrollTop: $('#Members').offset().top-78}, 800);});  
 
$('#navMembers').click(function(){$('html,body').animate({scrollTop: $('#Members').offset().top-78}, 800);});  
 
$('#navAdvisor').click(function(){$('html,body').animate({scrollTop: $('#Advisor').offset().top-78}, 800);});  
 
$('#navAdvisor').click(function(){$('html,body').animate({scrollTop: $('#Advisor').offset().top-78}, 800);});  
 
$('#navInstructor').click(function(){$('html,body').animate({scrollTop: $('#Instructor').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);});  
 
$('#navSponsor').click(function(){$('html,body').animate({scrollTop: $('#Sponsor').offset().top-78}, 800);});  
 
$('#navContact').click(function(){$('html,body').animate({scrollTop: $('#Contact').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);});  
 
$('#navHumanPractice').click(function(){$('html,body').animate({scrollTop: $('#HumanPractice').offset().top-78}, 800);});  
 
$('#navCollaboration').click(function(){$('html,body').animate({scrollTop: $('#Collaboration').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>

Revision as of 13:01, 12 September 2015