一段点击隐藏部分页面的效果代码

< html >
< head >
< title > left </ title >
< meta  http-equiv ="Content-Type"  content ="text/html; charset=gb2312" >


< style  type ="text/css" > ...
<!--
body {...}{
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}
-->
</ style >
</ head >
< body >
< table  width ="100%"  height ="100%"   border ="0"  cellpadding ="0"  cellspacing ="0" >
   < tr >
     < td  align ="left"  valign ="middle"  bgcolor ="#E6E6E6" >< img  name  ="shrinkpic"  src ="images/arrow-jin.gif"  width ="12"  height ="60"  onclick ="hide()" ></ td >
   </ tr >
</ table >
< script > ...
var shrink = false;
function hide()...{
    if (shrink == false )...{ // shrink menu area
        shrink = true;
        window.parent.workset.cols="0,20,*";
        document.getElementById("shrinkpic").src = "images/arrow-chu.gif";
    }
    else...{ // expand
        shrink = false ;
        window.parent.workset.cols="165,20,*";
        document.getElementById("shrinkpic").src = "images/arrow-jin.gif";
    }
}
</ script >
</ body >
</ html >

 

 以上是操纵隐藏的页面

 

以下是调用页面

<frameset rows="50,*" frameborder="NO" border="0" framespacing="0">
 <frame src="marquee.jsp" name="upFrame" scrolling="NO"  noresize >
 <frameset name="workset" cols="165,20,*" frameborder="NO" border="0" framespacing="0">
 <frame src="midleft.jsp" name="leftFrame"  noresize>
 <frame src="midButton.html" name="buttonFrame" noresize> 
 <frame src='<%=((SessionUserInfo)request.getSession().getAttribute(Constants.USER_INFO)).getMainPortal()%>' name="mainFrame"  noresize>
</frameset>

会隐藏和显示midleft.jsp