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(){ $(".menu li").hover(function(){ $(this).find("ul>li").stop().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>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;
display:none;
}
ul.first>li>ul>li>a:hover,ul.first>li>ul>li>a:active { background-color:#7A991A; } </style>
</head>
<body>
</body> </html>