<html>
<head><title>word</title></head>
<frameset rows="15%,*,10%" frameborder="0" framespacing="0">
<frame src="top.html" noresize="true"/>
<frameset cols="13%,*" frameborder="0" framespacing="0">
<frame src="left.jsp" noresize="true" />
<frame name="content" src="right.jsp" noresize="true" scrolling="no" />
</frameset>
<frame src="bottom.html" noresize="true" />
</frameset>
</html>
上面这个是框架

解决方案 »

  1.   

    <%@ page language="java" import="java.util.*" pageEncoding="GBK"%>
    <%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
    %><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
      <head>
      
        
        <title>My JSP 'left.jsp' starting page</title>
        
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">    
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="This is my page">
    <!--
    <link rel="stylesheet" type="text/css" href="styles.css">
    -->
    <style type="text/css">
    body{
     margin:10px;
     padding:10px;
    }
    body,td,div,span,li{
     font-size:12px;
    }
    .title01,.title02{
     color:#fff;
     font-weight:bold;
    }
    #DoorP{
     border:12px solid #eee;
     width:150px;
     height:300px;
     padding:4px;
     background:#fff;
    }
    .title01{
     width:100%;
     height:25px;
     background:#00ccff;
     cursor:pointer;
    }
    .title02{
     width:100%;
     height:25px;
     background:#99cc00;
     cursor:pointer;
    }
    .content{
     background:#eee;
     border-bottom:2px solid #fff;
     overflow:hidden;
     color:#666;
     padding-left:4px;
     padding-right:4px;
     line-height:18px;
    }
    </style>
      </head>
      <body #00ffff><div id="DoorP">
     <table>
      <tr>
       <td>
         会员管理
       </td>
      </tr>
     </table>
     <div class="content"  style="background-position: left">
      <a href="#">会员添加 </a><br/>
      <a href="#">会员删除 </a><br/>
      <a href="#">会员信息查看 </a><br/>
     </div>
     <table>
      <tr>
       <td>
        书籍管理
       </td>
      </tr>
     </table>
     <div class="content" style="background-position: left">
      <a href="yonghu.jsp target="content"">书籍添加 </a><br/>
      <a href="#">书籍删除 </a><br/>
      <a href="#">书籍更改 </a><br/>
      <a href="#">书籍信息查看 </a><br/>
     </div>
     <table>
      <tr>
       <td>
        内部管理
       </td>
      </tr>
     </table>
     <div class="content" style="background-position: left">
      <a href="#">管理员添加</a><br/>
      <a href="#">管理员删除 </a><br/>
      <a href="#">管理员信息查看 </a><br/>
     </div>
    </div>
    <script type="text/javascript">
     var open = 2;
     var openState = new Array();
     var closeState = new Array();
     var dH = 220;
     function $(id){
      if(document.getElementById(id))
      {
       return document.getElementById(id);
      }
      else
      {
       alert("没有找到!");
      }
     }
     function $tag(id,tagName){
      return $(id).getElementsByTagName(tagName)
     }
     function closeMe(Cid,Oid){    
      var h = parseInt(Ds[Cid].style.height);
      //alert(h);
      if(h > 0)
      {
       h = h - Math.ceil(h/3);    
       Ds[Cid].style.height = h+"px";
      }
      else
      {  
       
       openMe(Oid);
       clearTimeout(closeState[Cid]);
       return false;
      }
      closeState[Cid] = setTimeout("closeMe("+Cid+","+Oid+")");
     }
     function openMe(Oid){
      var h = parseInt(Ds[Oid].style.height);  
      //alert(h);
      if(h < dH)
      {
       h = h + Math.ceil((dH-h)/3);    
       Ds[Oid].style.height = h+"px";
      }
      else
      {  
       clearTimeout(openState[Oid]);   
       return false;
      }
      openState[Oid] = setTimeout("openMe("+Oid+")");
     }
     var Ds = $tag("DoorP","div");
     var Ts = $tag("DoorP","table");
     if(Ds.length != Ts.length)
     {
      alert("标题和内容数目不相同!");
     }
     
     for(var i = 0 ; i < Ds.length ; i++)
     {  
      if(i==open)
      {
       Ds[i].style.height = dH+"px";
       Ts[i].className="title01";
      }
      else
      {
       Ds[i].style.height = "0px";
       Ts[i].className="title02";
      }
      Ts[i].value = i;
      Ts[i].onclick = function(){
       if(open==this.value)
       {
        return false;
       }
       Ts[open].className="title02";
       Ts[this.value].className="title01";
       for(var i = 0 ; i < openState.length ; i++)
       {
        clearTimeout(openState[i]);
        clearTimeout(closeState[i]);
       }
       closeMe(open,this.value);
       //openMe(this.value);
       open = this.value;
      }
     }  function showDiv(id){  
      Ds[id].style.height=dH+"px";
      Ds[open].style.height="0px";
      open = id;
     }</script>
    </body>
    </html>
    这个是left页
      

  2.   

    <%@ page language="java" import="java.util.*" pageEncoding="GBK"%>
    <%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
    %><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
      <head>
        <base href="<%=basePath%>">
        
        <title>My JSP 'right.jsp' starting page</title>
        
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">    
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="This is my page">
    <!--
    <link rel="stylesheet" type="text/css" href="styles.css">
    -->  </head>
      
      <body >
    <div ><img src="images\86.jpg" ></div>
    </body>
    </html>
    这是right页
      

  3.   

    我想点left页里的连接让right页所在的框架发生变化怎么变呀
    谢谢了