Difference between revisions of "Template:China Tongji Foot"

 
(9 intermediate revisions by the same user not shown)
Line 33: Line 33:
 
font-size: 11px;
 
font-size: 11px;
 
}
 
}
 +
#copyrightText{
 +
text-align:center;
 +
}
 +
 +
#sponsorGENEWIZ{
 +
float:left;
 +
}
 +
#sponsorTHORLABS{
 +
float:right;
 +
}
 +
 
</style>
 
</style>
  
Line 42: Line 53:
 
<!--foot start-->
 
<!--foot start-->
 
<div class="foot">
 
<div class="foot">
 +
<div id="sponsorGENEWIZ">
 +
<!--        <a href="http://www.genewiz.com" target="_blank">-->
 +
        <img height="100" id="GENEWIZlogo" src="https://static.igem.org/mediawiki/2015/9/96/China-Tongji-Team-sponser-GENEWIZ.jpg"/>
 +
    </div>   
 +
    <div id="sponsorTHORLABS">
 +
<!--        <a href="http://www.thorlabs.com" target="_blank">-->
 +
        <img height="100" id="THORLABSlogo" src="https://static.igem.org/mediawiki/2015/f/f5/China-Tongji-Team-sponser-THORLABS.jpg"/>
 +
    </div>
 
     <div class="navFoot" align="center">
 
     <div class="navFoot" align="center">
 
     <tr align="center">
 
     <tr align="center">
Line 53: Line 72:
 
       </tr>
 
       </tr>
 
     </div>     
 
     </div>     
     <div class="copyright"><center><p>Copyright © China_Tongji iGEM 2015 | Developer: LiJunWu </p></center></div>
+
     <div class="copyright"><center><p id="copyrightText">Copyright © China_Tongji iGEM 2015 | Developer: LiJunWu </p></center></div>
 
</div>
 
</div>
  
<!--当前页面指示-->
+
<!-- ------------javascript code ----------------- -->
<script defer>
+
var keyWord = location.href.substring(39);
+
switch (keyWord)
+
{
+
  case "ome":
+
document.getElementById("divHome").style.borderBottom = "4px solid #F0F";
+
break;
+
  case "Project":
+
document.getElementById("divProject").style.borderBottom = "4px solid #F0F";
+
break;
+
  case "Notebook":
+
document.getElementById("divNotebook").style.borderBottom = "4px solid #F0F";
+
break;
+
  case "Achivement":
+
document.getElementById("divAchivement").style.borderBottom = "4px solid #F0F";
+
break;
+
  case "Team":
+
document.getElementById("divTeam").style.borderBottom = "4px solid #F0F";
+
break;
+
  case "Outreach":
+
document.getElementById("divOutreach").style.borderBottom = "4px solid #F0F";
+
break;
+
  case "Safety":
+
document.getElementById("divSafety").style.borderBottom = "4px solid #F0F";
+
break;
+
}
+
</script>
+
 
+
 
<script type="text/javascript">
 
<script type="text/javascript">
 
+
//页面跳转后根据地址栏中的参数定位
jQuery(document).ready(function($){
+
$(function() {  
 
+
var startIndex = location.href.indexOf("=");
$('#navOverview').click(function(){$('html,body').animate({scrollTop: $('#Overview').offset().top-78}, 800);});
+
if (startIndex > 0) { //判断对象是否存在
$('#navBackground').click(function(){$('html,body').animate({scrollTop: $('#Background').offset().top-78}, 800);});  
+
var locationId = location.href.substring(startIndex+1); //获得锚点  
$('#navDesign').click(function(){$('html,body').animate({scrollTop: $('#Design').offset().top-78}, 800);});
+
setTimeout(function(){$('html,body').animate({scrollTop: $("#"+locationId).offset().top-78}, 1500);},200);
$('#navProtocol').click(function(){$('html,body').animate({scrollTop: $('#Protocol').offset().top-78}, 800);});  
+
    }  
$('#navSummaryResult').click(function(){$('html,body').animate({scrollTop: $('#SummaryResult').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);});
+
+
$('#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>
 
</script>
 
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 18:08, 16 September 2015