Template:Team:TU Munich/Menu

From 2011.igem.org

(Difference between revisions)
Line 1: Line 1:
<html>
<html>
 +
<head>
<style type="text/css">
<style type="text/css">
#navmenu {
#navmenu {
Line 52: Line 53:
<script>
<script>
 +
$(document).ready(function(){
 +
    $('#topics').mouseover(function() {
 +
    $('#navtitle').stop().animate({height:'150px',top:'0px'},1000);
 +
    });
 +
    $('#menu').mouseleave(function() {
 +
    $('.listhead').not('.curlink').css("color","#ffffff");
 +
    $('.listmain').not('.curlink').css("color","#dddddd");
 +
    $('#navtitle ul').fadeOut(500);
 +
    $('#navtitle').stop().animate({height:'50px',top:'100px'},1000);
 +
    });
 +
 +
    $('.navtopic').mouseover(function(){
 +
    $('.navtopic').not('.curlink').css("color","#ffffff");
 +
    $(this).css("color","#444444");
 +
    $('#navtitle ul').css("display","none");
 +
    var vActive = $(this).attr("id");
 +
    $('.'+vActive).stop(true, true).fadeIn(500);
 +
    });
 +
});
</script>
</script>
 +
</head>
 +
<body>
<div id="navmenu">
<div id="navmenu">
   <div id="topics">
   <div id="topics">
     <ul id="nav_menu">
     <ul id="nav_menu">
-
       <li><a id="project" href="#">Project</a></li>
+
       <li><a class="navtopic" id="navproject" href="#">Project</a></li>
-
       <li><a id="team" href="#">About us</a></li>
+
       <li><a class="navtopic" id="navteam" href="#">About us</a></li>
-
       <li><a id="lab" href="#">Lab</a></li>
+
       <li><a class="navtopic" id="navlab" href="#">Lab</a></li>
-
       <li><a id="extra" href="#">Extras</a></li>
+
       <li><a class="navtopic" id="navextra" href="#">Extras</a></li>
     </ul>
     </ul>
   </div>
   </div>
    
    
   <div id="navarea">
   <div id="navarea">
-
     <div id="nav_topics">
+
     <div id="navtopics">
-
       <p id="title" style="display: none;">
+
       <p id="navtitle" style="display: none;">
       E.coli 3D Printer
       E.coli 3D Printer
       </p>
       </p>
-
       <ul id="nav_project" style="display: block;">
+
       <ul id="navproject" style="display: block;">
-
         <li><a id="home" href="Team:TU_Munich">Home</a></li>
+
         <li><a class="navpoint" id="home" href="Team:TU_Munich">Home</a></li>
-
         <li><a id="intro" href="Team:TU_Munich/project/intro">Introduction</a></li>
+
         <li><a class="navpoint" id="intro" href="Team:TU_Munich/project/intro">Introduction</a></li>
-
         <li><a id="model" href="Team:TU_Munich/project/model">Modeling</a></li>
+
         <li><a class="navpoint" id="model" href="Team:TU_Munich/project/model">Modeling</a></li>
-
         <li><a id="human" href="Team:TU_Munich/project/human">Human Practice</a></li>
+
         <li><a class="navpoint" id="human" href="Team:TU_Munich/project/human">Human Practice</a></li>
       </ul>
       </ul>
-
       <ul id="nav_team" style="display: none;">
+
       <ul id="navteam" style="display: none;">
-
         <li><a id="team" href="Team:TU_Munich/team/team">Team Members</a></li>
+
         <li><a class="navpoint" id="team" href="Team:TU_Munich/team/team">Team Members</a></li>
-
         <li><a id="instruct" href="Team:TU_Munich/team/instruct">Instructor</a></li>
+
         <li><a class="navpoint" id="instruct" href="Team:TU_Munich/team/instruct">Instructor</a></li>
-
         <li><a id="uni" href="Team:TU_Munich/team/uni">TU Munich</a></li>
+
         <li><a class="navpoint" id="uni" href="Team:TU_Munich/team/uni">TU Munich</a></li>
-
         <li><a id="munich" href="Team:TU_Munich/team/munich">Munich</a></li>
+
         <li><a class="navpoint" id="munich" href="Team:TU_Munich/team/munich">Munich</a></li>
       </ul>
       </ul>
-
       <ul id="nav_lab" style="display: none;">
+
       <ul id="navlab" style="display: none;">
-
         <li><a id="nbook" href="Team:TU_Munich/team/nbook">Notebook</a></li>
+
         <li><a class="navpoint" id="nbook" href="Team:TU_Munich/team/nbook">Notebook</a></li>
-
         <li><a id="applic" href="Team:TU_Munich/team/applic">Applications</a></li>
+
         <li><a class="navpoint" id="applic" href="Team:TU_Munich/team/applic">Applications</a></li>
-
         <li><a id="results" href="Team:TU_Munich/team/results">Results</a></li>
+
         <li><a class="navpoint" id="results" href="Team:TU_Munich/team/results">Results</a></li>
-
         <li><a id="safety" href="Team:TU_Munich/team/safety">Safety</a></li>
+
         <li><a class="navpoint" id="safety" href="Team:TU_Munich/team/safety">Safety</a></li>
       </ul>
       </ul>
       <ul id="nav_extra" style="display: none;">
       <ul id="nav_extra" style="display: none;">
Line 92: Line 114:
   </div>
   </div>
</div>
</div>
-
 
+
</body>
</html>
</html>

Revision as of 16:03, 4 July 2011

Retrieved from "http://2011.igem.org/Template:Team:TU_Munich/Menu"