"
Team:Hong Kong HKUST/test4
From 2013.igem.org
| Line 1: | Line 1: | ||
| - | <html> | + | <!DOCTYPE html> |
<head> | <head> | ||
| Line 6: | Line 6: | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
$(document).ready(function(){ | $(document).ready(function(){ | ||
| - | $(". | + | $("ul.first > li").hover(function(){ |
| - | $(this).find("ul | + | $(this).find("ul").fadeToggle(10); |
}); | }); | ||
}); | }); | ||
| Line 23: | Line 23: | ||
{ | { | ||
float:left; | float:left; | ||
| + | |||
} | } | ||
| Line 36: | Line 37: | ||
text-decoration:none; | text-decoration:none; | ||
text-transform:uppercase; | text-transform:uppercase; | ||
| + | |||
} | } | ||
| Line 43: | Line 45: | ||
} | } | ||
| + | ul.first>li>ul | ||
| + | { | ||
| + | display:none; | ||
| + | } | ||
ul.first>li>ul>li>a:link,ul.first>li>ul>li>a:visited | ul.first>li>ul>li>a:link,ul.first>li>ul>li>a:visited | ||
| Line 55: | Line 61: | ||
text-decoration:none; | text-decoration:none; | ||
text-transform:uppercase; | text-transform:uppercase; | ||
| - | + | ||
} | } | ||
| Line 62: | Line 68: | ||
background-color:#7A991A; | background-color:#7A991A; | ||
} | } | ||
| + | |||
| + | |||
</style> | </style> | ||
| Line 92: | Line 100: | ||
</li> | </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> | ||
Revision as of 17:40, 18 July 2013
<!DOCTYPE html> <head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"> </script> <script type="text/javascript"> $(document).ready(function(){ $("ul.first > li").hover(function(){ $(this).find("ul").fadeToggle(10); }); }); </script>
<style type="text/css"> .menu ul { margin:0; padding:0; list-style:none; }
ul.first>li { float:left;
}
ul.first>li>a:link,ul.first>li>a:visited { display:block; width:120px; font-weight:bold; color:#FFFFFF; background-color:#98bf21; text-align:center; padding:4px; 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; }
ul.first>li>ul>li>a:link,ul.first>li>ul>li>a:visited { display:block; font-weight:bold; color:#FFFFFF; background-color:#98bf21; width:120px; text-align:center; padding:4px; text-decoration:none; text-transform:uppercase;
}
ul.first>li>ul>li>a:hover,ul.first>li>ul>li>a:active { background-color:#7A991A; }
</style>
</head>
<body>
</body> </html>
