Difference between revisions of "Template:China Tongji Head"

Line 1: Line 1:
 
<html>
 
<html>
 
<head>
 
<head>
−
 
−
<script type="text/javascript">
 
−
 
−
jQuery(document).ready(function($){
 
−
$('#navOverview').click(function(){$('html,body').animate({scrollTop: $('#Overview').offset().top-78}, 800);});
 
−
$('#navBackground').click(function(){$('html,body').animate({scrollTop: $('#Background').offset().top-78}, 800);});
 
−
$('#navDesign').click(function(){$('html,body').animate({scrollTop: $('#Design').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);});
 
−
 
−
$('#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);});
 
−
$('#navAdvisor').click(function(){$('html,body').animate({scrollTop: $('#Advisor').offset().top-78}, 800);});
 
−
$('#navInstructor').click(function(){$('html,body').animate({scrollTop: $('#Instructor').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>
 
−
 
 
<style type="text/css">
 
<style type="text/css">
  
Line 137: Line 106:
  
 
<body>
 
<body>
 +
<!--head start-->
 +
<div class="head">
 +
<div id="navLogoLeft">
 +
        <a href="https://igem.org/Team.cgi?year=2015&amp;team_name=China_Tongji" target="_blank">
 +
        <img id="teamLogo" src="https://static.igem.org/mediawiki/2015/5/57/China_Tongji_team-logo-300px.png"/>
 +
        </a>
 +
    </div>
 +
    <div id="navLogoRight">
 +
        <a href="https://2015.igem.org/Main_Page" target="_blank">
 +
            <img id="igemLogo"  src="https://static.igem.org/mediawiki/2015/2/20/China_Tongji_iGEM_logo.png" alt="China_Tongji"/>
 +
        </a>
 +
    </div>
 +
    <div class="nav">
 +
        <div class="navOne" id="divHome"><a class="navOneA" id="Home" href="https://2015.igem.org/Team:China_Tongji">Home</a></div>
 +
        <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">
 +
                    <li class="navTwo" id="navOverview"><a href="https://2015.igem.org/Team:China_Tongji/Project">Overview</a></li>
 +
                    <li class="navTwo" id="navBackground"><a href="https://2015.igem.org/Team:China_Tongji/Project">Background</a></li>
 +
                    <li class="navTwo" id="navDesign"><a href="https://2015.igem.org/Team:China_Tongji/Project">Design</a></li>
 +
                    <li class="navTwo" id="navProtocol"><a href="https://2015.igem.org/Team:China_Tongji/Project">Protocol</a></li>
 +
                    <li class="navTwo" id="navSummaryResult"><a href="https://2015.igem.org/Team:China_Tongji/Project">Summary and Result</a></li>
 +
            </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="navDrop">
 +
                <li class="navTwo" id="navRecord"><a href="https://2015.igem.org/Team:China_Tongji/Notebook">Record</a></li>
 +
                <li class="navTwo" id="navTimeline"><a href="https://2015.igem.org/Team:China_Tongji/Notebook">Timeline</a></li>
 +
            </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="navDrop">
 +
                    <li class="navTwo" id="navParts"><a href="https://2015.igem.org/Team:China_Tongji/Achivement">Parts</a></li>
 +
                    <li class="navTwo" id="navEquipment"><a href="https://2015.igem.org/Team:China_Tongji/Achivement">Equipment</a></li>
 +
                    <li class="navTwo" id="navModeling"><a href="https://2015.igem.org/Team:China_Tongji/Achivement">Modeling</a></li>
 +
                    <li class="navTwo" id="navJudgingForm"><a href="https://2015.igem.org/Team:China_Tongji/Achivement">Judging Form</a></li>
 +
            </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="navDrop">
 +
                <li class="navTwo" id="navMembers"><a href="https://2015.igem.org/Team:China_Tongji/Team">Members</a></li>
 +
                <li class="navTwo" id="navAttributions"><a href="https://2015.igem.org/Team:China_Tongji/Team">Attributions</a></li>
 +
                <li class="navTwo" id="navAdvisor"><a href="https://2015.igem.org/Team:China_Tongji/Team">Advisor</a></li>
 +
                <li class="navTwo" id="navSponsor"><a href="https://2015.igem.org/Team:China_Tongji/Team">Sponsor</a></li>
 +
                <li class="navTwo" id="navContact"><a href="https://2015.igem.org/Team:China_Tongji/Team">Contact</a></li>
 +
            </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="navDrop">
 +
                <li class="navTwo" id="navHumanPractice"><a href="https://2015.igem.org/Team:China_Tongji/Outreach">Human Practice</a></li>
 +
                <li class="navTwo" id="navCollaboration"><a href="https://2015.igem.org/Team:China_Tongji/Outreach">Collaboration</a></li>
 +
            </div>
 +
        </div>
 +
        <div class="navOne" id="divSafety"><a class="navOneA" id="Safety" href="https://2015.igem.org/Team:China_Tongji/Safety">Safety</a></div>
 +
    </div>   
 +
</div>
  
  
 +
 +
<script type="text/javascript">
 +
jQuery(document).ready(function($){
 +
$('#navOverview').click(function(){$('html,body').animate({scrollTop: $('#Overview').offset().top-78}, 800);});
 +
$('#navBackground').click(function(){$('html,body').animate({scrollTop: $('#Background').offset().top-78}, 800);});
 +
$('#navDesign').click(function(){$('html,body').animate({scrollTop: $('#Design').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);});
 +
 +
$('#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);});
 +
$('#navAdvisor').click(function(){$('html,body').animate({scrollTop: $('#Advisor').offset().top-78}, 800);});
 +
$('#navInstructor').click(function(){$('html,body').animate({scrollTop: $('#Instructor').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>
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 08:34, 28 August 2015