Team:LZU-China

From 2014.igem.org

Revision as of 09:40, 7 July 2014 by Lzuzx (Talk | contribs)

菜单功能制作下拉效果 <title>无标题文档</title> <style type="text/css">

#nav ul{
  list-style-type:none;
  float:left;
       }
  1. nav a{
display:block;
width:80px;
}
  1. nav{
margin:0;
padding:0;} 
  1. nav li{
float:left;
text-align:center;
background:#FFFF00;
}

  1. nav li a{
color:#000099
background:#990000;
height:25px;
}
  1. nav li a:hover{
color:#FF0000;
background:#FFFF00;
} 
  1. nav li ul{
list-style-type:none;
margin:0px;
padding:0px;
display:none;
}
  1. nav li ul li{
float:none;
} 
  1. nav li ul li a{
width:80px;
height:25px;
background:#00FF00;
color:#00FFFF;
}
  1. 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>