下拉列表框的中的tree

哪位高手能帮忙想办法,做出这种效果,谢谢了,下拉列表框中的显示状态
-------------------
|  新闻       \/  |
-------------------
|-新闻
||-军事
||-图片
||-评论
|-娱乐
||-音乐
||-明星
|-财经
||-股票
||基金
|-房产
||-家具
||-健康
|_关于我们

解决方案 »

  1.   


    <script language="javascript">
            var isshow="none";
           function showedition()
           {
             if(isshow=="none")
          isshow="inline";
         else
          isshow="none";
      document.getElementById("edition").style.display=isshow;
           }
           var isshouwuser="none";
            function showuser()
            { 
              if(isshouwuser=="none")
          isshouwuser="inline";
         else
          isshouwuser="none";
      document.getElementById("user").style.display=isshouwuser;
            }
           var isshowsystem="none";
            function showsystem()
            {
              if(isshowsystem=="none")
          isshowsystem="inline";
         else
          isshowsystem="none";
      document.getElementById("system").style.display=isshowsystem;
            }
        </script><body background="image/2009480180000080.jpg">
    <form>&nbsp; 
    <br />
    <font face="方正姚体" size="4">后台管理</font><br/>
    <br />
    <table width="200" border="0">
    <tr>
     
    <td>
    <a href="#" onclick="showedition()">版块管理</a>
    <br />

    <div id="edition" style="display: none">
    &nbsp;
    <img src="image/arrow.gif" />
    <a href="<%=quyu %>" target="main">区域管理</a>
    <br />
    &nbsp;
    <img src="image/arrow.gif" />
    <a href="" target="main">版块管理</a>
    <br />
    &nbsp;
    <img src="image/arrow.gif" />
    <a href="" target="main">发帖管理</a>
    </div>
    </td>
    </tr>
    <tr>
      <td>&nbsp;</td>
    </tr>
    <tr>
    <td>
    <a href="#" onclick="showuser()">用户管理</a>
    <br />
    <div id="user" style="display: none">
    &nbsp;
    <img src="image/arrow.gif" />
    <a href="" target="main">用户管理</a>
    <br />
    &nbsp;
    <img src="image/arrow.gif" />
    <a href="" target="main">用户组管理</a>
    <br />
    </div>
    </td>
    </tr>
    <tr>
      <td>&nbsp;</td>
    </tr>
    <tr>
    <td>
    <a href="#" onclick="showsystem()">系统管理</a>
    <br />
    <div id="system" style="display: none">
    &nbsp;
    <img src="image/arrow.gif" />
    <a href=" " target="main">论坛公告</a>
    <br />
    </div>
    </td>
    </tr>
    <tr>
      <td>&nbsp;</td>
    </tr>

    </table>
    </form>可以看看