我想做一个管理系统,在管理系统里面,我想在左边是一个导航,导航有4大功能模块,例如是:会员管理、资料管理、订单管理、货物管理
然后我点击其中一个,会员管理(这个事按钮)就会顶到最上,其他三个都在下面没有动,然后会员管理下就出现相关的操作(比如是:添加、修改、权限)
其实就是类似于outlook左边的导航

解决方案 »

  1.   

    <head>
    <link href="css/style.css" type="text/css" rel="stylesheet">
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <script src="js/global.js"></script>
    <script language="JavaScript" type="text/JavaScript">
    <!--
    function MM_popupMsg(msg) { //v1.0
      alert(msg);
    }
    //-->
    </script>
    </head>
    <body background="image/newface_r12_c1.jpg" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
    <table width="178" height="100%" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td height="42" align=center background="image/newface_r2_c9.jpg"><table width="178" border="0" cellspacing="0" cellpadding="0">
            <tr> 
              <td width="29" align="center"><a href="login.htm" target="_parent" title="重新登陆"><img src="image/newface_r3_c2.jpg" width="25" height="25" border="0"></a></td>
              <td width="30" align="center"><a href="#" onclick="javascript:window.parent.close();" target="_parent" title="关闭页面"><img src="image/newface_r3_c4.jpg" width="25" height="25" border="0"></a></td>
              <td width="30" align="center"><a href="#" onclick="javascript:backToDeskTop();" title="返回主界面"><img src="image/go_back.jpg" width="25" height="25" border="0"></a></td>
              <td width="30" align="center"><img src="image/newface_r3_c6.jpg" width="25" height="25"></td>
              <td width="89" align="center" valign="bottom" class="text">陈XX</td>
            </tr>
          </table></td>
      </tr>
      <tr> 
        <td valign="top"> 
          <table cellspacing="0" cellpadding="0" width="158" border="0">
            <!--====================================-->
            <tr> 
              <td  height="5"></td>
            </tr>
            <!--====================================-->
            <tr> 
              <td height="32" background="image/bin/txxx.jpg" style="cursor:hand" onclick="javascript:go('link_page/main_txgl.htm')">&nbsp;</td>
            </tr>
            <tr> 
              <td  height="2"></td>
            </tr>
            <!--====================================-->
            <tr> 
              <td align="center"> </td>
            </tr>
            <!--====================================-->
            <tr> 
              <td  height="2"></td>
            <tr> 
              <td height="32" align="right" background="image/bin/xtgn.jpg" class="text" style="cursor:hand" onclick="javascript:showmenu('menu0');go('main.htm')"><table width="35" border="0" cellspacing="0" cellpadding="0">
                  <tr> 
                    <td class="text3"></td>
                  </tr>
                </table></td>
            </tr>
            <tr> 
              <td> 
                <table width="148" border="0" cellpadding="0" cellspacing="0" id="menu0" style="display:none">
                  <tr> 
                    <td   height="24" align="center" background="image/leftbin2.gif"><a href="javascript:cancleLogin()">注销登陆  
                      </a></td>
                  </tr>
                  <tr> 
                    <td   height="24" align="center" background="image/leftbin2.gif"><a href="javascript:alert('修改成功')">修改口令  
                      </a></td>
                  </tr>
      <tr> 
                    <td   height="24" align="center" background="image/leftbin2.gif"><a href="javascript:alert('下载成功')">下载帮助文件
                      </a></td>
                  </tr>
                </table></td>
            </tr>
          </table></td>
      </tr>
      <tr> 
        <td height="42" align="right" background="image/newface_r15_c14.jpg"><img src="image/down2.jpg" width="49" height="42"></td>
      </tr>
    </table>
    <script>
    function showmenu(menu){
    if(eval(menu).style.display=='')
    eval(menu).style.display='none';
    else
    eval(menu).style.display='';
    }
    function openItem(item){
    window.open(item,'newWin','strollbars=auto');
    }function go(main){
    parent.MainFrame.location=main;
    }function cancleLogin(){
    parent.location="login.htm";
    }function backToDeskTop(){
    parent.MainFrame.location="main.htm";
    }function goTo(left,main){
    parent.MainFrame.location=main;
    window.open(left,'_self','','');
    }
    showmenu('menu0');
    </script>
    ---------------------------------------------------------
    自己替换图片看看
      

  2.   

    如果我是用swing做的话,应该怎样做出这样的效果呢、
      

  3.   

         这个是不是有第三方控件啊,swing做这我是不会