Team:Hong Kong HKUST/team

From 2013.igem.org

(Difference between revisions)
Line 7: Line 7:
$(document).ready(function()
$(document).ready(function()
   {
   {
-
 
+
$("ul.first > li").hover(function(){
 +
$(this).find("ul").stop().fadeToggle(10);
 +
});
 +
});
 +
</script> 
 +
 
   $('#menubar').mouseover(function(){
   $('#menubar').mouseover(function(){
     $('#menubar').stop().animate({top:"0px"},500);
     $('#menubar').stop().animate({top:"0px"},500);
Line 25: Line 30:
<style type="text/css">
<style type="text/css">
 +
div.menu
 +
{
 +
width:100%;
 +
}
 +
 +
.menu ul,li
 +
{
 +
margin:0;
 +
padding:0;
 +
list-style:none;
 +
width:100%;
 +
}
 +
 +
 +
 +
ul.first>li
 +
{
 +
float:left;
 +
width:16.5%;
 +
}
 +
 +
ul.first>li>a:link,ul.first>li>a:visited
 +
{
 +
display:block;
 +
font-weight:bold;
 +
color:#FFFFFF;
 +
background-color:#98bf21;
 +
text-align:center;
 +
padding:3%;
 +
text-decoration:none;
 +
text-transform:uppercase;
 +
}
 +
 +
ul.first>li>a:hover,ul.first>li>a:active
 +
{
 +
background-color:#7A991A;
 +
}
 +
 +
ul.first>li>ul
 +
{
 +
display:none;
 +
width:100%;
 +
}
 +
 +
ul.first>li>ul>li>a:link,ul.first>li>ul>li>a:visited
 +
{
 +
display:block;
 +
font-weight:bold;
 +
color:#FFFFFF;
 +
background-color:#FFA319;
 +
text-align:center;
 +
padding:3%;
 +
text-decoration:none;
 +
text-transform:uppercase;
 +
}
 +
 +
ul.first>li>ul>li>a:hover,ul.first>li>ul>li>a:active
 +
{
 +
background-color:#B26B00;
 +
}
.menu
.menu
{
{
Line 201: Line 266:
</div>
</div>
<div id="copyright">© Copyright HKUST iGEM Team 2013, All Rights Reserved<br><br><br></div>
<div id="copyright">© Copyright HKUST iGEM Team 2013, All Rights Reserved<br><br><br></div>
 +
<div class="menu">
 +
 +
<ul class="first">
 +
 +
<li><a href="">Home</a></li>
 +
 +
<li><a href="">Team</a>
 +
<ul>
 +
<li><a href="">Member</a></li>
 +
<li><a href="">Advisor</a></li>
 +
<li><a href="">Instructor</a></li>
 +
</ul>
 +
</li>
 +
 +
<li><a href="">Project</a>
 +
<ul>
 +
<li><a href="">Abstract(Details)</a></li>
 +
<li><a href="">Modelling</a></li>
 +
<li><a href="">Characterization</a></li>
 +
<li><a href="">Parts</a></li>
 +
<li><a href="">Data Page</a></li>
 +
<li><a href="">Results</a></li>
 +
</ul>
 +
</li>
 +
 +
<li><a href="">Wetlab</a>
 +
<ul>
 +
<li><a href="">Notebook</a></li>
 +
<li><a href="">Protocols</a></li>
 +
<li><a href="">Safety</a></li>
 +
</ul>
 +
</li>
 +
 +
<li><a href="">Achievement</a>
 +
<ul>
 +
<li><a href="">Medal Requirements</a></li>
 +
<li><a href="">Prizes</a></li>
 +
</ul>
 +
</li>
 +
 +
<li><a href="">Human Practice</a></li>
 +
 +
</ul>
 +
</div>

Revision as of 08:38, 24 July 2013

$('#menubar').mouseover(function(){ $('#menubar').stop().animate({top:"0px"},500); }); $('#menubar').mouseleave(function(){ $('#menubar').stop().animate({top:"-20px"},500); }); $('#menubar.right-menu').mouseover(function(){ $('#menubar.right-menu').stop().animate({top:"0px"},500); }); $('#menubar.right-menu').mouseleave(function(){ $('#menubar.right-menu').stop().animate({top:"-20px"},500); }); });

HKUST iGEM Team 2013

Retrieved from "http://2013.igem.org/Team:Hong_Kong_HKUST/team"