这个问题怎么实现？

<html>
<head>
<title>left</title>
<style type=text/css>
body  { background:#2A72D6; margin:0px; font:9pt 宋体; FONT-SIZE: 9pt;text-decoration: none;
SCROLLBAR-FACE-COLOR: #D8E6F8;
SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; SCROLLBAR-SHADOW-COLOR: #39867B; SCROLLBAR-3DLIGHT-COLOR: #39867B; SCROLLBAR-ARROW-COLOR: #330000; SCROLLBAR-TRACK-COLOR: #E1F5FF; SCROLLBAR-DARKSHADOW-COLOR: #ffffff;}
table  { border:0px; }
td  { font:normal 12px 宋体; }
img  { vertical-align:bottom; border:0px; }
a  { font:normal 12px 宋体; color:#000000; text-decoration:none; }
a:hover  { color:#cc0000;text-decoration:underline; }
.sec_menu  { border-left:1px solid white; border-right:1px solid white; border-bottom:1px solid white; overflow:hidden; background:#D8E6F8; }
.menu_title  { }
.menu_title span  { position:relative; top:2px; left:8px; color:#0066CC; font-weight:bold; }
.menu_title2  { }
.menu_title2 span  { position:relative; top:2px; left:8px; color:#333399; font-weight:bold; }
</style>
<SCRIPT language=javascript1.2>
function showsubmenu(sid)
{
whichEl = eval("submenu" + sid);
if (whichEl.style.display == "none")
{
eval("submenu" + sid + ".style.display='';");
}
else
{
eval("submenu" + sid + ".style.display='none';");
}
}</SCRIPT>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"></head>
<script language="javascript">
<!--
function s(){
document.write("dksfjdslfsf");
}//--></script>
<BODY leftmargin="0" topmargin="0" marginheight="0" marginwidth="0">
<table width=100% cellpadding=0 cellspacing=0 border=0 align=left>
    <tr><td valign=top>
<table width=158 border="0" align=center cellpadding=0 cellspacing=0>
  <tr>
        <td height=42 valign=bottom> <img src="/html/QXT2.0/images/title2.gif" width=158 height=38> 
        </td>
  </tr>
</table>
<table cellpadding=0 cellspacing=0 width=158 align=center>
  <tr>
        <td height=25 align="center" class=menu_title onmouseover=this.className='menu_title2'; onmouseout=this.className='menu_title'; background=/html/QXT2.0/images/admin_left_01c.gif id=menuTitle0> 
          <a href="/companyenter?action=login" target="main"><b>系统首页</b></a>&nbsp;|&nbsp;<a href="/companyenter?action=clearinfo" target="_parent"><b>退出</b></a>
        </td>

  </tr>
  <tr>
    <td style="display:" id='submenu0'>
<div class=sec_menu style="width:158">
<table cellpadding=0 cellspacing=0 align=center width=130>
<tr>
                
              </tr>
<tr>
                <td height=20>登陆时间：
<b>
  <script language="JavaScript">
<!--

tmpDate = new Date();
hour = tmpDate.getHours();
minute= tmpDate.getMinutes();
sec=tmpDate.getSeconds(); 


document.write(hour);
document.write(":");
document.write(minute);
document.write(":");
document.write(sec);
// -->
</script>
  </b>

</td>

              </tr>
  
</table>
</div>
<div  style="width:158">
<table cellpadding=0 cellspacing=0 align=center width=130>
<tr><td height=20></td></tr>
</table>
</div>
</td>
  </tr>
</table>
<table cellpadding=0 cellspacing=0 width=158 align=center>
  <tr>
        <td height=25 class=menu_title onmouseover=this.className='menu_title2'; onmouseout=this.className='menu_title'; background="/html/QXT2.0/images/admin_left_01b.gif" id=menuTitle301 onclick="showsubmenu(301)" style="cursor:hand;"> 
          <span>短信功能</span> </td>
  </tr>
  <tr>
    <td style="display:none" id='submenu301'>
<div class=sec_menu style="width:158">
            <table cellpadding=0 cellspacing=0 align=center width=130>
              <tr height=20>
                <td><a href='/companyenter?action=notesingleform' target='main'>短信单发</a></td>
              </tr>
              <tr height=20>
                <td><a href="/companyenter?action=notegroupform" target="main">短信群发</a></td>
              </tr>
              
  <tr height="20">
  <td><a href="/companyenter?action=taskintime" target="main">定时任务</a></td>
  </tr>
              <tr height=20>
                <td><a href="/companyenter?action=statform" target="main">短信统计</a></td>
              </tr>
              <tr height=20>
                <td><a href="/companyenter?action=trendmapform" target="main">短信趋势图</a></td>
              </tr>
              <%=strActionLink%> 
            </table>
  </div>
<div  style="width:158">
<table cellpadding=0 cellspacing=0 align=center width=130>
<tr><td height=20></td></tr>
</table>
  </div>
</td>
  </tr>
</table>
<table cellpadding=0 cellspacing=0 width=158 align=center>
  <tr>
        <td height=25 class=menu_title onmouseover=this.className='menu_title2'; onmouseout=this.className='menu_title'; background="/html/QXT2.0/images/admin_left_01b.gif" id=menuTitle202 onclick="showsubmenu(202)" style="cursor:hand;"> 
          <span>通讯录</span> </td>
  </tr>
  <tr>
    <td style="display:none" id='submenu202'>
<div class=sec_menu style="width:158">
            <table cellpadding=0 cellspacing=0 align=center width=130>
              <tr> 
                <td height=20><a href='/companyenter?action=addresslist' target=main>群组管理</a></td>
              </tr>
              <tr> 
                <td height=20><a href="/companyenter?action=dataoutinform" target="main">数据导入/导出</a></td>
              </tr>
              <tr>
                <td height=20><a href="/companyenter?action=linkinfform" target="main">联系人信息</a></td>
              </tr>
            </table>
  </div>
<div  style="width:158">
<table cellpadding=0 cellspacing=0 align=center width=130>
<tr><td height=20></td></tr>
</table>
  </div>
</td>
  </tr>
</table>
    <table cellpadding=0 cellspacing=0 width=158 align=center>
      <tr> 
        <td height=25 class=menu_title onmouseover=this.className='menu_title2'; onmouseout=this.className='menu_title'; background="/html/QXT2.0/images/admin_left_01b.gif" id=menuTitle206 onclick="showsubmenu(206)" style="cursor:hand;"> 
          <span>短语库管理</span> </td>
      </tr>

解决方案 »

  1.   

    <tr> 
            <td style="display:none" id='submenu206'> <div class=sec_menu style="width:158"> 
                <table cellpadding=0 cellspacing=0 align=center width=130>
                  <tr> 
                    <td height=20><a href="/companyenter?action=dirmanageform" target="main">目录管理</a></td>
                  </tr>
                  <tr> 
                    <td height=20><a href="/companyenter?action=phraseinfform" target="main">短语管理</a></td>
                  </tr>
                </table>
              </div>
              <div  style="width:158"> 
                <table cellpadding=0 cellspacing=0 align=center width=130>
                  <tr>
                    <td height=20></td>
                  </tr>
                </table>
              </div></td>
          </tr>
        </table>
        <table cellpadding=0 cellspacing=0 width=158 align=center>
      <tr>
            <td height=25 class=menu_title onmouseover=this.className='menu_title2'; onmouseout=this.className='menu_title'; background="/html/QXT2.0/images/admin_left_01b.gif" id=menuTitle201 onclick="showsubmenu(201)" style="cursor:hand;"> 
              <span>企信通管理</span> </td>
      </tr>
      <tr>
        <td style="display:none" id='submenu201'>
    <div class=sec_menu style="width:158">
                <table cellpadding=0 cellspacing=0 align=center width=130>
                  <tr>
                    <td height=20><a href="/companyenter?action=qxtmanager" target="main">修改资料</a></td>
                  </tr>
                  <tr> 
                    <td height=20><a href="/companyenter?action=pwdmodify" target="main">修改密码</a></td>
                  </tr>
                </table>
      </div>
    <div  style="width:158">
    <table cellpadding=0 cellspacing=0 align=center width=130>
    <tr><td height=20></td></tr>
    </table>
      </div>
    </td>
      </tr>
    </table>
    <table cellpadding=0 cellspacing=0 width=158 align=center>
      <tr>
            <td height=25 class=menu_title onmouseover=this.className='menu_title2'; onmouseout=this.className='menu_title'; background="/html/QXT2.0/images/admin_left_01b.gif" id=menuTitle203 onclick="showsubmenu(203)" style="cursor:hand;"> 
              <span>历史查询</span> </td>
      </tr>
      <tr>
        <td style="display:none" id='submenu203'>
    <div class=sec_menu style="width:158">
                <table cellpadding=0 cellspacing=0 align=center width=130>
                  <tr> 
                    <td height=20><a href="/companyenter?action=notelogsearchform" target="main">短信日志查询</a></td>
                  </tr>
                </table>
      </div>
    <div  style="width:158">
    <table cellpadding=0 cellspacing=0 align=center width=130>
    <tr><td height=20></td></tr>
    </table>
      </div>
    </td>
      </tr>
    </table><table cellpadding=0 cellspacing=0 width=158 align=center>
      <tr>
            <td height=25 class=menu_title onmouseover=this.className='menu_title2'; onmouseout=this.className='menu_title'; background="/html/QXT2.0/images/admin_left_01b.gif" id=menuTitle208> 
              <span>客户服务</span> </td>
      </tr>
      <tr>
        <td>
    <div class=sec_menu style="width:158">
    <table cellpadding=0 cellspacing=0 align=center width=130>
    <tr><td height=20><br>
                      免费热线 1860<br>                  <br>
                      <br>
    </td></tr>
    </table>
      </div>
    </td>
      </tr>
    </table>
    </body>
    </html>
      

  2.   

    第一页<HTML>
    <HEAD>
    <TITLE> DSTree </TITLE>
    <META NAME="Author" CONTENT="[email protected]" >
    <style>
    body,td{font:12px verdana}
    #treeBox{background-color:#fffffa;}
    #treeBox .ec{margin:0 5 0 5;}
    #treeBox .hasItems{font-weight:bold;height:20px;padding:3 6 0 6;margin:2px;cursor:hand;color:#555555;border:1px solid #fffffa;}
    #treeBox .Items{height:20px;padding:3 6 0 6;margin:1px;cursor:hand;color:#555555;border:1px solid #fffffa;}
    </style>
    <base href="http://vip.5d.cn/star/dstree/" />
    <script>
    //code by star 20003-4-7
    var HC = "color:#990000;border:1px solid #cccccc";
    var SC = "background-color:#efefef;border:1px solid #cccccc;color:#000000;";
    var IO = null;
    function initTree(){
    var rootn = document.all.menuXML.documentElement;
    var sd = 0;
    document.onselectstart = function(){return false;}
    document.all.treeBox.appendChild(createTree(rootn,sd));
    }
    function createTree(thisn,sd){
    var nodeObj = document.createElement("span");
    var upobj = document.createElement("span");
    with(upobj){
    style.marginLeft = sd*10;
    className = thisn.hasChildNodes()?"hasItems":"Items";
    innerHTML = "<img src=expand.gif class=ec>" + thisn.getAttribute("text") +"";

    onmousedown = function(){
    if(event.button != 1) return;
    if(this.getAttribute("cn")){
    this.setAttribute("open",!this.getAttribute("open"));
    this.cn.style.display = this.getAttribute("open")?"inline":"none";
    this.all.tags("img")[0].src = this.getAttribute("open")?"expand.gif":"contract.gif";
    }
    if(IO){
    IO.runtimeStyle.cssText = "";
    IO.setAttribute("selected",false);
    }
    IO = this;
    this.setAttribute("selected",true);
    this.runtimeStyle.cssText = SC;
    }
    onmouseover = function(){
    if(this.getAttribute("selected"))return;
    this.runtimeStyle.cssText = HC;
    }
    onmouseout = function(){
    if(this.getAttribute("selected"))return;
    this.runtimeStyle.cssText = "";
    }
    oncontextmenu = contextMenuHandle;
    onclick = clickHandle;
    } if(thisn.getAttribute("treeId") != null){
    upobj.setAttribute("treeId",thisn.getAttribute("treeId"));
    }
    if(thisn.getAttribute("href") != null){
    upobj.setAttribute("href",thisn.getAttribute("href"));
    }
    if(thisn.getAttribute("target") != null){
    upobj.setAttribute("target",thisn.getAttribute("target"));
    } nodeObj.appendChild(upobj);
    nodeObj.insertAdjacentHTML("beforeEnd","<br/>") if(thisn.hasChildNodes()){
    var i;
    var nodes = thisn.childNodes;
    var cn = document.createElement("span");
    upobj.setAttribute("cn",cn);
    if(thisn.getAttribute("open") != null){
    upobj.setAttribute("open",(thisn.getAttribute("open")=="true"));
    upobj.getAttribute("cn").style.display = upobj.getAttribute("open")?"inline":"none";
    if( !upobj.getAttribute("open"))upobj.all.tags("img")[0].src ="contract.gif";
    }

    for(i=0;i<nodes.length;cn.appendChild(createTree(nodes[i++],sd+1)));
    nodeObj.appendChild(cn);
    }
    else{
    upobj.all.tags("img")[0].src ="endnode.gif";
    }
    return nodeObj;
    }
    window.onload = initTree;
    </script><script>
    function clickHandle(){
    // your code here 
    }
    function contextMenuHandle(){
    event.returnValue = false;
    var treeId = this.getAttribute("treeId");
    // your code here
    }
    </script>
    </HEAD>
      

  3.   

    第二页
    <BODY>
    <xml id=menuXML>
    <?xml version="1.0" encoding="GB2312"?>
    <DSTreeRoot text="根节点" open="true" href="http://" treeId="123">

    <DSTree text="技术论坛" open="false" treeId="">
    <DSTree text="5DMedia" open="false" href="http://" target="box" treeId="12">
    <DSTree text="网页编码" href="http://" target="box" treeId="4353" />
    <DSTree text="手绘" href="http://" target="box" treeId="543543" />
    <DSTree text="灌水" href="http://" target="box" treeId="543543" />
    </DSTree>
    <DSTree text="BlueIdea" open="false" href="http://" target="box" treeId="213">
    <DSTree text="DreamWeaver &amp; JS" href="http://" target="box" treeId="4353" />
    <DSTree text="FlashActionScript" href="http://" target="box" treeId="543543" />
    </DSTree>
    <DSTree text="CSDN" open="false" href="http://" target="box" treeId="432">
    <DSTree text="JS" href="http://" target="box" treeId="4353" />
    <DSTree text="XML" href="http://" target="box" treeId="543543" />
    </DSTree>
    </DSTree> <DSTree text="资源站点" open="false" treeId="">
    <DSTree text="素材屋" href="http://" target="box" treeId="12" />
    <DSTree text="桌面城市" open="false" href="http://" target="box" treeId="213">
    <DSTree text="壁纸" href="http://" target="box" treeId="4353" />
    <DSTree text="字体" href="http://" target="box" treeId="543543" />
    </DSTree>
    <DSTree text="MSDN" open="false" href="http://" target="box" treeId="432">
    <DSTree text="DHTML" href="http://" target="box" treeId="4353" />
    <DSTree text="HTC" href="http://" target="box" treeId="543543" />
    <DSTree text="XML" href="" target="box" treeId="2312" />
    </DSTree>
    </DSTree></DSTreeRoot>
    </xml>
    <table style="position:absolute;left:100;top:100;">
    <tr><td id=treeBox style="width:400px;height:200px;border:1px solid #cccccc;padding:5 3 3 5;" valign=top></td></tr>
    <tr><td style="font:10px verdana;color:#999999" align=right>by <font color=#660000>sTar</font><br/> 2003-4-8</td></tr>
    </table>
    </BODY>
    </HTML>