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 95: Line 94:
 
.navTwo:hover{
 
.navTwo:hover{
 
background:#999;
 
background:#999;
−
cursor:pointer;
 
 
}
 
}
 
.navTwo a{
 
.navTwo a{
Line 149: Line 147:
 
                 <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="navAcknowledgement"><a>Acknowledgement</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 167: Line 164:
 
<!-- --------------- 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 178: Line 170:
 
$('#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);});
 
−
$('#navAcknowledgement').click(function(){$('html,body').animate({scrollTop: $('#Acknowledgement').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);});

Revision as of 13:00, 12 September 2015