Team:HKUST-Hong Kong

From 2012.igem.org

(Difference between revisions)
Line 76: Line 76:
     $('#Extras').mouseleave(function(){
     $('#Extras').mouseleave(function(){
     $('#Extras').stop(true,false).animate({boxShadow:"0px 0px 0px #FFBB55", top:"0px", left:"0px"},100);
     $('#Extras').stop(true,false).animate({boxShadow:"0px 0px 0px #FFBB55", top:"0px", left:"0px"},100);
 +
    });
 +
    $('#Home').click(function(){
 +
    $('#Home_Content').stop(true,false).slideToggle("slow");
     });
     });
   });
   });
Line 420: Line 423:
}
}
 +
.Navigation_Content{
 +
width:174px;
 +
height:auto;
 +
margin:10px;
 +
float:left;
 +
position:relative;
 +
}
</style>
</style>
-
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
 
-
 
-
<script type="text/javascript">
 
-
  $(document).ready(function(){
 
-
    $('#Home).click(function(){
 
-
    $('#Home_Content).stop().slideToggle("slow");
 
-
    });
 
-
    $('#Project).click(function(){
 
-
    $('#Project_Content).stop().slideToggle("slow");
 
-
    });
 
-
    $('#Parts).click(function(){
 
-
    $('#Parts_Content).stop().slideToggle("slow");
 
-
    });
 
-
    $('#Team).click(function(){
 
-
    $('#Team_Content).stop().slideToggle("slow");
 
-
    });
 
-
    $('#Extras).click(function(){
 
-
    $('#Extras_Content).stop().slideToggle("slow");
 
-
    });
 
-
  });
 
-
</script>
 
</head>
</head>
<body>
<body>
Line 453: Line 442:
           <div class="Navigation_Buttons" id="Extras" align="center"><h3><p>EXTRAS</p></h3></div>
           <div class="Navigation_Buttons" id="Extras" align="center"><h3><p>EXTRAS</p></h3></div>
-
           <div class="Navigation_Content" id="Home_Content"></div>
+
           <div class="Navigation_Content" id="Home_Content">
-
           <div class="Navigation_Content" id="Project_Content"></div>
+
              <p>Home Page</p>
-
           <div class="Navigation_Content" id="Team_Content"></div>
+
              <p>content1</p>
-
           <div class="Navigation_Content" id="Parts_Content"></div>
+
              <p>content2</p>
-
           <div class="Navigation_Content" id="Extras_Content"></div>
+
              <p>content3</p>
 +
              <p>content4</p>
 +
              <p>content5</p>
 +
              <p>content6</p>
 +
          </div>
 +
           <div class="Navigation_Content" id="Project_Content">
 +
          </div>
 +
           <div class="Navigation_Content" id="Team_Content">
 +
          </div>
 +
           <div class="Navigation_Content" id="Parts_Content">
 +
          </div>
 +
           <div class="Navigation_Content" id="Extras_Content">
 +
          </div>
         </div>
         </div>

Revision as of 17:46, 13 July 2012

Team:HKUST-Hong Kong - 2012.igem.org

Google Chrome is recommended for viewing this page.

Modeling

content1

content2

content3

content4

content5

content6

Modeling

content1

content2

content3

content4

content5

content6

First Paragraph

  • Write something here

  • Write something here

  • Write something here

  • Write something here

  • Write something here

  • Write something here

  • Write something here

Second Paragraph

Third Paragraph