左边菜单，右边内容

使用frameset实现

主框架(main.html)左右两框

左边功能菜单（left.html）

右边内容（content*.html）

 

main.html

<! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd" >
< html >
< head >
< title > 主页面 </ title >
< meta  http-equiv ="Content-Type"  content ="text/html; charset=GBK" >
</ head >   
   < frameset  id ="frame1"  rows ="*"  cols ="265,*"  framespacing ="0"  frameborder ="yes"  border ="0" >
     < frame  src ="left.html"  name ="leftFrame"  scrolling ="auto"  noresize >
     < frame  src ="content1.html"  name ="mainFrame"  scrolling ="NO"   noresize >
   </ frameset >
< noframes >
< body >
</ body >
</ noframes >
</ html >

left.html


< html >
     < head >
         < title > 左边操作菜单 </ title >
         < script  type ="text/javascript" >
            function show(){
                var id = document.getElementById("info");
                var sub = document.getElementById("subInfo");
                if(sub.style.display == "none") {
                    sub.style.display="inline";                                            
                } else {
                    sub.style.display="none";                    
                }            
            }
         </ script >
     </ head >
     < body >
         < table  border ="0" >
             < tr >
                 < td >
                     < table  border ="0" >
                         < tr >< td  id ="info"  style ="cursor: hand"  onClick ="show()" > 信息维护 </ td ></ tr >
                     </ table >
                     < div  id ="subInfo"  style ="display: none" >
                         < table  border ="0" >
                             < tr >
                                 < td >< a  href ="content1.html"  target ="mainFrame" >  修改资料 </ a ></ td >
                             </ tr >
                             < tr >
                                 < td >< a  href ="content2.html"  target ="mainFrame" >  修改密码 </ a ></ td >
                             </ tr >
                             < tr >
                                 < td >< a  href ="content3.html"  target ="mainFrame" >  添加子栏目 </ a ></ td >
                             </ tr >
                         </ table >
                     </ div >
                 </ td >                 
             </ tr >
             < tr >
                 < td > 信息维护2 </ td >
             </ tr >
             < tr >
                 < td >< a  href ="content2.html"  target ="mainFrame" > 功能菜单 </ a ></ td >
             </ tr >
             < tr >
                 < td >< a  href ="content2.html"  target ="mainFrame" > 退出 </ a ></ td >
             </ tr >
         </ table >
     </ body >
</ html >

content*.html

<! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd" >
< html >
< head >
< title > 内容 </ title >
< meta  http-equiv ="Content-Type"  content ="text/html; charset=GBK" >
</ head >   
< body >
< font  size ="12" > 内容1 </ font >
</ body >
</ html >

<! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd" >
< html >
< head >
< title > 内容 </ title >
< meta  http-equiv ="Content-Type"  content ="text/html; charset=GBK" >
</ head >   
< body >
< font  size ="12" > 内容2 </ font >
</ body >
</ html >

<! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd" >
< html >
< head >
< title > 内容 </ title >
< meta  http-equiv ="Content-Type"  content ="text/html; charset=GBK" >
</ head >   
< body >
< font  size ="12" > 内容3 </ font >
</ body >
</ html >