代码简介：
DIV+JS类QQ菜单，可展开折叠，小巧灵活，代码修改方便，菜单采用LI列表，用CSS可以统一去控制，有兴趣的可以再完善一下。
代码内容：
<html>
<head>
<title>DIV+JS实现可展开、折叠的菜单代码_网页代码站(www.webdm.cn)</title>
<style>
td { cursor: hand; font-family: Tahoma; background-color: #0066cc; color: #fff; font-size: 9pt; }
li { color: #FF0000; font-family: Tahoma; background-color: skyblue; font-size: 9pt;}
.up{ background-color: #3A6EA5; border: 1 solid #fff;
}
</style>
<script>
function show(c_Str)
{if(document.all(c_Str).style.display=='none')
{document.all(c_Str).style.display='block';}
else{document.all(c_Str).style.display='none';}}
function high(){
if (event.srcElement.className=="k"){
event.srcElement.style.background="336699"
event.srcElement.style.color="white"
}
}
function low(){
if (event.srcElement.className=="k"){
event.srcElement.style.background="99CCFF"
event.srcElement.style.color=""
}
}
</script>
</head>
<body topmargin="0" leftmargin="5">
<div align="left">
<table border="0" width="98" cellspacing="0" cellpadding="0">
<tr>
<td><div class=up onclick=show("a0")>ASP代码</div><div onmouseover=high() onmouseout=low() id=a0
style="display:none">
<li><a href="/">菜单导航</a></li><li><a href="/">层和布局</a></li><li><a href="/">背景特效</a></li><li><a
href="/">图片特效</a></li><li><a href="/">浏览器相关</a></li><li><a href="/">广告代码</a></li></div></td>
</tr>
<tr>
<td><div class=up onclick=show("a1")>PHP源码</div><div onmouseover=high() onmouseout=low() id=a1
style="display:none">
<li><a href="/">日期时间</a></li><li><a href="/">文本特效</a></li><li><a href="/">表格相关</a></li><li><a
href="/">表单及按钮</a></li><li><a href="/">计算转换</a></li><li><a href="/">游戏娱乐</a></li></div></td>
</tr>
</table>
</div>
</body>
</html>
<br>
<p><a href="http://www.webdm.cn">网页代码站</a> - 最专业的代码下载网站 - 致力为中国站长提供有质量的代码！</p>
代码来自：http://www.webdm.cn/webcode/7e0ad9ae-4b86-417c-96ee-35e4fdcc3d38.html