Team:Hong Kong HKUST/test4
From 2013.igem.org
(Difference between revisions)
(16 intermediate revisions not shown) | |||
Line 7: | Line 7: | ||
$(document).ready(function(){ | $(document).ready(function(){ | ||
$("ul.first > li").hover(function(){ | $("ul.first > li").hover(function(){ | ||
- | $(this).find("ul").fadeToggle(10); | + | $(this).find("ul").stop().fadeToggle(10); |
}); | }); | ||
}); | }); | ||
Line 13: | Line 13: | ||
<style type="text/css"> | <style type="text/css"> | ||
- | .menu ul | + | div.menu |
+ | { | ||
+ | width:100%; | ||
+ | } | ||
+ | |||
+ | .menu ul,li | ||
{ | { | ||
margin:0; | margin:0; | ||
padding:0; | padding:0; | ||
list-style:none; | list-style:none; | ||
+ | width:100%; | ||
} | } | ||
+ | |||
+ | |||
ul.first>li | ul.first>li | ||
{ | { | ||
float:left; | float:left; | ||
- | + | width:16.5%; | |
} | } | ||
Line 29: | Line 37: | ||
{ | { | ||
display:block; | display:block; | ||
- | |||
font-weight:bold; | font-weight:bold; | ||
color:#FFFFFF; | color:#FFFFFF; | ||
background-color:#98bf21; | background-color:#98bf21; | ||
text-align:center; | text-align:center; | ||
- | padding: | + | padding:3%; |
text-decoration:none; | text-decoration:none; | ||
text-transform:uppercase; | text-transform:uppercase; | ||
- | |||
} | } | ||
Line 48: | Line 54: | ||
{ | { | ||
display:none; | display:none; | ||
+ | width:100%; | ||
} | } | ||
Line 55: | Line 62: | ||
font-weight:bold; | font-weight:bold; | ||
color:#FFFFFF; | color:#FFFFFF; | ||
- | background-color:# | + | background-color:#FFA319; |
- | + | ||
text-align:center; | text-align:center; | ||
- | padding: | + | padding:3%; |
text-decoration:none; | text-decoration:none; | ||
text-transform:uppercase; | text-transform:uppercase; | ||
- | |||
} | } | ||
ul.first>li>ul>li>a:hover,ul.first>li>ul>li>a:active | ul.first>li>ul>li>a:hover,ul.first>li>ul>li>a:active | ||
{ | { | ||
- | background-color:# | + | background-color:#B26B00; |
} | } | ||
- | |||
</style> | </style> | ||
- | |||
- | |||
</head> | </head> | ||
<body> | <body> | ||
<div class="menu"> | <div class="menu"> | ||
+ | |||
<ul class="first"> | <ul class="first"> | ||
- | + | <li><a href="">Home</a></li> | |
<li><a href="">Team</a> | <li><a href="">Team</a> | ||
Line 88: | Line 91: | ||
</ul> | </ul> | ||
</li> | </li> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
<li><a href="">Project</a> | <li><a href="">Project</a> | ||
Line 128: | Line 119: | ||
<li><a href="">Human Practice</a></li> | <li><a href="">Human Practice</a></li> | ||
- | |||
- | |||
</ul> | </ul> | ||
- | |||
</div> | </div> | ||
+ | </body> | ||
- | |||
- | |||
- | |||
- | |||
</html> | </html> |
Latest revision as of 12:09, 20 July 2013