Team:Hong Kong HKUST/layout2
From 2013.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
<html> | <html> | ||
<head> | <head> | ||
- | + | <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script> | |
- | <script type="text/javascript" src="/ | + | |
<script type="text/javascript"> | <script type="text/javascript"> | ||
$(document).ready(function(){ | $(document).ready(function(){ | ||
- | $(' | + | $('li').hover(function(){ |
$(this).find('ul>li').stop().fadeToggle(400); | $(this).find('ul>li').stop().fadeToggle(400); | ||
}); | }); | ||
Line 24: | Line 23: | ||
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 50: | ||
<body> | <body> | ||
+ | |||
<div class="menu"> | <div class="menu"> | ||
<ul> | <ul> | ||
<li><a href="">Home</a> | <li><a href="">Home</a> | ||
- | <ul> | + | <ul><li><a href="">link1</a></li></ul> |
- | <li><a href="">link1</a></li> | + | |
- | + | ||
- | + | ||
- | </ul> | + | |
</li> | </li> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
</ul> | </ul> | ||
- | |||
- | |||
</div> | </div> | ||
</body> | </body> | ||
</html> | </html> |
Revision as of 16:04, 4 July 2013