求动态菜单代码

小弟刚刚告，net 不久，很多东西不是很懂，现在我要实现这样一个功能，但随便移到第一级菜单上的时候，第二季菜单弹出，谢谢各位大侠了，麻烦给代码

解决方案 »

  1.   

    这个问题我也问过，没有人愿意给自己做的
    搜索的时候关键字为css div js 下拉菜单成片成片的
    楼主别灰心，能找到自己适合的
      

  2.   

    给你一个例子吧<html>
    <head>
    <title>DIV下拉菜单导航条</title>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    </head>
    <body>
    <style type="text/css">
    body{font-size:9pt;}
    .menubar{position:absolute;top:10px;width:100px;height:20px;cursor:default;border-width:1px;border-style:outset;color:#99FFFF;background:#669900}
    .menu{position:absolute;top:32px;width:140px;display:none;border-width:2px;border-style:outset;border-color:white sliver sliver white;background:#333399;padding:15px}
    .menu A{text-decoration:none;color:#99FFFF;}
    .menu A:hover{color: #FFFFFF;}
    </style>
    <script language="javascript">
    function divControl(show){//判断是否显示相对应的下拉列表
    window.event.cancelBubble=true;
    var objID=event.srcElement.id;
    var index=objID.indexOf("_");
    var mainID=objID.substring(0,index);
    var numID=objID.substring(index+1); if(mainID=="Tdiv"){
    if(show==1){eval("showdiv("+"Div"+numID+")");}
    else{eval("hidediv("+"Div"+numID+")");}
    }
    }
    var nbottom=0,speed=2;
    function displayMenu(obj){//在显示下拉菜单时,以下拉方式显示下拉菜单
    obj.style.clip="rect(0 100% "+nbottom+"% 0)";
    nbottom+=speed;
    if(nbottom<=100){
    timerID=setTimeout("displayMenu("+obj.id+"),1");
    }
    else clearTimeout(timerID);
    }
    function showdiv(obj){//显示下拉列表
    obj.style.display="block";
    obj.style.clip="rect(0 0 0 0)";
    nbottom=5;
    displayMenu(obj);
    }
    function hidediv(obj){//隐藏下拉列表
    nbottom=0;
    obj.style.display="none";
    }
    function keepstyle(obj){//在下拉菜单中移动时,保持下拉列表的样式
    obj.style.display="block";
    }
    </script>
    <table width="400" border="0" align="center" cellpadding="0" cellspacing="0" style="font-size:15px">
    <tr>
    <td width="20%">
    <div align="center"id="Tdiv_1" class="menubar" onmouseover="divControl(1)" onmouseout="divControl(0)">
    源码爱好者
    </div>
    </td>
    <td width="20%">
    <div align="center"id="Tdiv_2" class="menubar" onmouseover="divControl(1)" onmouseout="divControl(0)">
    源码下载
    </div>
    </td>
    <td width="20%">
    <div align="center"id="Tdiv_3" class="menubar" onmouseover="divControl(1)" onmouseout="divControl(0)">
    Ajax实例
    </div>
    </td>
    <td width="20%">
    <div align="center"id="Tdiv_4" class="menubar" onmouseover="divControl(1)" onmouseout="divControl(0)">
    特效代码
    </div>
    </td>
    </tr>
    </tr>
    <tr>
    <td width="20%">
    <div align="left"id="Div1" class="menu" onmouseover="keepstyle(this)" onmouseout="hidediv(this)">
    <a href="#">最新更新</a><br>
    <a href="#">下载排行</a><br>
    <a href="#">资源导航</a>
    </div>
    </td>
    <td width="20%">
    <div align="left"id="Div2" class="menu" onmouseover="keepstyle(this)" onmouseout="hidediv(this)">
    <a href="#">VB</a><br>
    <a href="#">JScript</a><br>
    <a href="#">Java</a></div>
    </td>
    <td width="20%">
    <div align="left"id="Div3" class="menu" onmouseover="keepstyle(this)" onmouseout="hidediv(this)">
    <a href="#">Delphi</a><br>
    <a href="#">jQuery</a><br>
    <a href="#">Mootools</a></div>
    </td>
    <td width="20%">
    <div align="left"id="Div4" class="menu" onmouseover="keepstyle(this)" onmouseout="hidediv(this)">
    <a href="#">CSS菜单</a><br>
    <a href="#">CSS布局</a><br>
    </td>
    </table>
    </body>
    </html>
      

  3.   

    http://www.cnblogs.com/wfcfan/archive/2008/06/27/1231271.html
      

  4.   

    5楼代码有问题，7楼的如果使用menu，还不如用SiteMap来得方便 - -！