Team:Hong Kong HKUST/layout2
From 2013.igem.org
(Difference between revisions)
(Created page with "<html> <head> <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script> <script type="text/javascript"> $(document).ready(function(){ $('.menu li').h...") |
|||
(7 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
<head> | <head> | ||
- | + | <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"> | |
- | <script | + | </script> |
<script type="text/javascript"> | <script type="text/javascript"> | ||
$(document).ready(function(){ | $(document).ready(function(){ | ||
- | $( | + | $(".menu li").hover(function(){ |
- | $(this).find( | + | $(this).find("ul>li").stop().fadeToggle(10); |
}); | }); | ||
}); | }); | ||
Line 24: | Line 24: | ||
line-height:30px; | line-height:30px; | ||
text-align:center; | text-align:center; | ||
- | background-color: | + | background-color:green; |
} | } | ||
.menu ul li a{ | .menu ul li a{ | ||
text-decoration:none; | text-decoration:none; | ||
- | color: | + | color:yellow; |
} | } | ||
Line 51: | Line 51: | ||
<body> | <body> | ||
+ | |||
<div class="menu"> | <div class="menu"> | ||
<ul> | <ul> | ||
- | <li><a href="">Home</a> | + | |
+ | <li><a href="">Home</a></li> | ||
+ | |||
+ | <li><a href="">Team</a> | ||
<ul> | <ul> | ||
- | <li><a href=""> | + | <li><a href="">Member</a></li> |
- | <li><a href=""> | + | <li><a href="">Advisor</a></li> |
- | <li><a href=""> | + | <li><a href="">Instructor</a></li> |
</ul> | </ul> | ||
</li> | </li> | ||
- | <li><a href=""> | + | <li><a href="">Project</a> |
<ul> | <ul> | ||
- | <li><a href=""> | + | <li><a href="">Abstract(Details)</a></li> |
- | <li><a href=""> | + | <li><a href="">Modelling</a></li> |
- | <li><a href=""> | + | <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> | </ul> | ||
</li> | </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> | </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> | </div> | ||
+ | |||
+ | |||
</body> | </body> | ||
</html> | </html> |
Latest revision as of 12:15, 6 July 2013