求一多级菜单

此菜单始终定位于网页底部，点击时展开(最好是向上面展开)。类似于Windows开始按钮这种。谢谢

解决方案 »

  1.   

    向上的话一般的标签肯定是做不到的，只有自定义的一些标签，先隐藏点击的时候显示，但是这样不适合做多级的菜单，用jquery的话会好一些，而且多级也有现成的库，楼主要是树形的话，那我的资源中有，你可以下载下来看看
      

  2.   

    <script src="js/jquery-1.3.2.min.js"></script>
    <script>
    window.onload=function(){
        $("dt").click(function(){
            $(this).prev("dd").toggle();
        });
    }
    </script>
    <style>
    #div1 {position:absolute;width:100px;bottom:0px;border:1px solid black;}
    </style>
    <div id=div1>
    <dd>
        <li>111</li>
        <li>eee</li>
        <li>sss</li>
    </dd>
    <dt>menu</dt>
    <div>
      

  3.   


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
     <HEAD>
      <TITLE> New Document </TITLE>
      <style type="text/css">
      A {
    text-decoration:none;
      }
      div {
    display:none;
      }
      </style>
      <SCRIPT LANGUAGE="JavaScript">
      <!--
    function show() {
    if (document.getElementById("advs").style.display == "none") {
    document.getElementById("advs").style.display = "block";
    } else {
    document.getElementById("advs").style.display = "none";
    }
    }
      //-->
      </SCRIPT>
     </HEAD> <BODY>
      <table>
    <tr>
    <td>
    <div id="advs">
    反倒所发生<br>
    df大幅度<br>
    df大幅度<br>
    反倒所发生
    </div>
    </td>
    </tr>
    <tr>
    <td><A href="JavaScript:show()">开始</A></td>
    </tr>
      </table>
     </BODY>
    </HTML>