Team:Hong Kong HKUST/test4
From 2013.igem.org
<!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>