Team:LZU-China
From 2014.igem.org
菜单功能制作下拉效果 <title>无标题文档</title> <style type="text/css">
#nav ul{ list-style-type:none; float:left; }
- nav a{
display:block; width:80px; }
- nav{
margin:0; padding:0;}
- nav li{
float:left; text-align:center; background:#FFFF00; }
- nav li a{
color:#000099 background:#990000; height:25px; }
- nav li a:hover{
color:#FF0000; background:#FFFF00; }
- nav li ul{
list-style-type:none; margin:0px; padding:0px; display:none; }
- nav li ul li{
float:none; }
- nav li ul li a{
width:80px; height:25px; background:#00FF00; color:#00FFFF; }
- nav li ul li a:hover{
background:#00FF00 color:#CCFF00 }
</style> </head>
<body>
<script type="text/javascript">
function show(id){ document.getElementById(id).style.display='block'; } function hide(id){ document.getElementById(id).style.display='none'; }
</script>