求个网站左侧多级子栏目列表？

本帖最后由 tizll521 于 2010-04-12 10:30:23 编辑

解决方案 »

  1.   

    你用jquery吧，超简单
    http://jqueryui.com/demos/accordion/#default
      

  2.   

      看看这个用JS做的，就是层的隐藏与显示只 做了第一个
      <html>
    <head>
    <script language = "javascript">
    function show(){

    if(document.getElementById("play").style.display == "none"){
    //alert("111111111111");
        document.getElementById("play").style.display = "block";
    }
    else
    document.getElementById("play").style.display = "none";
    }
    function Init(){
    document.getElementById("play").style.display = "none";
    }
    </script>
    </head>
    <body onload = "Init()">
    <div><a href = "#"><img src = "topic/image/z-1.jpg" style = "border:0px;" onClick = "show()"></a>社会信息</div>
    <div id="play" style = "margin-left:20px;padding-top:0px;margin-top:0px;">
    <img src = "topic/image/z-top.gif" align="absmiddle">美容品与饰品代理<br>
    <img src = "topic/image/z-top.gif" align="absmiddle">考研资料市场<br>
    <img src = "topic/image/z-top.gif" align="absmiddle">商海纵横<br>
    <img src = "topic/image/z-end.gif" align="absmiddle">动物保护者
    </div>
    <div><a href = "#"><img src = "topic/image/z-2.jpg" style = "border:0px;" align="absmiddle"></a>分类讨论区</div>
    <div><a href = "#"><img src = "topic/image/z-3.jpg" style = "border:0px;" align="absmiddle"></a>休闲娱乐</div>
    <div><a href = "#"><img src = "topic/image/z-4.jpg" style = "border:0px;" align="absmiddle"></a>电脑技术</div>
    </body>
    </html>
      

  3.   

    晕  我只是需要一个简单的三级折叠菜单而已  就调用JQUERY包  是不是有点大题小作 
    方法最重要的是简便实用 才能用到网站上