左侧菜单下拉
<style type="text/css">
*{ margin:0px auto; padding:0px; font-family:微软雅黑; font-size:14px;}
.zhu{ 200px; height:30px; text-align:center; line-height:30px; vertical-align:middle; background-color:#03C; color:white;}
.zi{ 200px; display:none}
.list{ 198px; height:30px; text-align:center; line-height:30px; vertical-align:middle; border-left:1px solid #999;border-right:1px solid #999;}
#z4{ border-bottom:1px solid #999;}
</style>
</head>
<body>
<div style="200px; height:600px; margin-top:30px">
<div class="zhu" onclick="Show('z1')">
首页
</div>
<div class="zi" >
function Show(id)
{
var z = document.getElementById(id);
if(z.style.display=="block")
{
z.style.display = "none";
}
else
{
z.style.display = "block";
}
}
</script>
</html>