[求助]请问怎样制作出与CSDN论坛左边的导航栏类似的导航栏？？？？

给你一个例子运行看看
<html>
<head>
<title>
</title>
</head>
<body>
<script language="javascript">
function clickno1()
{
if("visible"==document.all.moreno1.style.visibility){ 
document.all.moreno1.style.visibility="hidden";
document.all.moreno1.innerHTML="";
}
else
 {
 document.all.moreno1.style.visibility="visible";
 strHtml="<TABLE WIDTH=100%  BORDER=0 CELLPADDING=0 CELLSPACING=0 align='left'>"
 strHtml+="<tr><td>&nbsp;&nbsp;&nbsp;<input type='button' name='buttonjavascript' value='javascript' onclick='javascript:showjavascript()'></td></tr>";
 strHtml+="<tr><td>&nbsp;&nbsp;&nbsp;<input type='button' name='buttonjavascript' value='asp' onclick='javascript:showasp()'></td></tr>";
 strHtml+="<tr><td>&nbsp;&nbsp;&nbsp;<input type='button' name='buttonjavascript' value='php' onclick='javascript:showphp()'></td></tr>";
 strHtml+="<tr><td>&nbsp;&nbsp;&nbsp;<input type='button' name='buttonjavascript' value='html' onclick='javascript:showhtml()'></td></tr>";
 strHtml+="</table>";
 document.all.moreno1.innerHTML=strHtml;
 }
}
function showjavascript()
{
alert("this will show javascipt");
}
function showasp()
{
alert("this will show asp");
}
function showphp()
{
alert("this will show php");
}
function showhtml()
{
alert("this will show html");
}
</script>
<table>
<tr><td><input type="button" name="button1" value="web 版" onclick="javascript:clickno1()"></td></tr>
<tr><td><div STYLE="visibility:hidden;" id="moreno1"></div></td><tr>
</table>
</body>
</html>