如何才能实现左边导航条菜单的样子？（www.csdn.net 左边的）


<body>
<script>
var a=new Array()
a[0]=new Array()
a[1]=new Array()
a[0][0]="数据库开发"
a[0][1]="MS-SQL"
a[0][2]="oracle"
a[1][0]="web"
a[1][1]="asp"
a[1][2]="php"
for(i=0;i<a.length;i++){
document.write("<span onclick='expd("+i+")' style='cursor:hand'>"+a[i][0]+"</span><br><span id='menu"+i+"' style='display:none'>")
for(j=1;j<a[i].length;j++){
document.write(a[i][j]+'<br>')
}
document.write("</span></span><br>")
}
function expd(n){
eval("menu"+n).style.display=eval("menu"+n).style.display==''?'none':''
}
</script>
</body>

解决方案 »

  1.   

    谢谢fason(【阿信】，我很满意，我怎样才能给你加分，刚来此论坛，谢谢忘跟贴教我怎样给你加分！
      

  2.   

    <script language="JavaScript">
    <!--
    function showLay(divId){
    var objDiv = eval(divId);//eval()为计算一个表达式的值并返回结果
    if (objDiv.style.display=="none")
    {
    eval("sp"+divId+".innerHTML='-'");
    objDiv.style.display="";
    }
    else
    {
    eval("sp"+divId+".innerHTML='+'");
    objDiv.style.display="none";
    }
    }
    // -->
    </script>
    <a href="#" onclick="showLay('Layer2')"><font class=better><span id="spLayer2">+</span>数据库开发</font></a>
    <div id="Layer2" style="display:none;">
    <font class=better>&nbsp;&nbsp;&nbsp-MS-SQL</font><br>
    <font class=better>&nbsp;&nbsp;&nbsp-Oracle</font></A><br>这样也可以。
    以后给多点分，这样好让大家平分得多点
      

  3.   

    ahuu(东方不败) ：
    你的程序有问题啊，不过还是给你20分了
      

  4.   

    哦，用这个试试<style type="text/css">
      <!--定义一个美化界面的样式-->
    <!-- 
    .better{ color:#3366FF;font-size:9pt;text-decoration: none}
    -->
    </style>
    <script language="JavaScript">
    <!--
    function showLay(divId){
    var objDiv = eval(divId);//eval()为计算一个表达式的值并返回结果
    if (objDiv.style.display=="none")
    {
    eval("sp"+divId+".innerHTML='-'");
    objDiv.style.display="";
    }
    else
    {
    eval("sp"+divId+".innerHTML='+'");
    objDiv.style.display="none";
    }
    }
    // -->
    </script>
    <a href="#" onclick="showLay('Layer2')"><font class=better><span id="spLayer2">+</span>数据库</font></a>
    <div id="Layer2" style="display:none;">
    <font class=better>&nbsp;&nbsp;&nbsp-MS-SQL</font><br>
    <font class=better>&nbsp;&nbsp;&nbsp-Oracle</font><br>
      

  5.   

    最好是用treeview，微软的一个控件