页面上下伸展

请问这个效果如何实现？

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

这个需要用到ExtJS和jQuery等相关技能才能做到！
可惜只是储备不足，不能帮助楼主了……
用js控制Div的display属性就行了，
把需要隐藏的内容放在div里，然后
document.getElementById("id").style.display='none'.......
2楼那位兄台言重了，因为我赶着下班，没有把帖子写完就发布了，
本人是个刚入门的菜鸟，对JS 不太了解，我之前在网上找了下代码，有个是这样的（向左伸展）：
index:
<frameset id="attachucp" framespacing="0" border="0" frameborder="no" cols="160,10,*" rows="*" scrolling="no"><frame scrolling="no" noresize="" name="leftFrame" src="menu.html"  framespacing="0" scrolling="no"  frameBorder=0 >
</frame><frame id="leftbar" scrolling="no" noresize="" name="switchFrame" src="swich.html" framespacing="0" scrolling="no"  frameBorder=0>
</frame><frame scrolling="yes" noresize="" border="0" name="mainFrame" src="main_menu.php" framespacing="0" scrolling="no"  frameBorder=0>
</frame>
然后 switch.html 是这样：<script language="javascript">function switchSysBar(){
if (parent.document.getElementById('attachucp').cols=="160,10,*"){
document.getElementById('leftbar').style.display="";
parent.document.getElementById('attachucp').cols="0,10,*";
}
else{
parent.document.getElementById('attachucp').cols="160,10,*";
document.getElementById('leftbar').style.display="none"
}
}
function load(){
if (parent.document.getElementById('attachucp').cols=="0,10,*"){
document.getElementById('leftbar').style.display="";
}
}</script>
</head>
<body marginwidth="0" marginheight="0" style="background-color:#FFFFFF; "onLoad="load()" topmargin="0" leftmargin="0" ><table height="100%" cellspacing="0" cellpadding="0" border="0" width="100%">
<tbody>
<tr>
<td bgcolor="#009fef" width="1">
<img height="1" width="1" src="images/ccc.gif"/>
</td>
<td id="leftbar" bgcolor="#f5f4f4" style="display: none;">
<a onClick="switchSysBar()" href="javascript:void(0);">
<img height="90" border="0" width="9" alt="show menu" src="images/pic24.gif"/>
</a>
</td>
<td id="rightbar" bgcolor="#f5f4f4">
<a onClick="switchSysBar()" href="javascript:void(0);">
<img height="90" border="0" width="9" alt="hidden menu" src="images/pic23.gif"/>
</a>
</td>
</tr>
</tbody>
</table></body>请高手们帮帮手看看如果修改成上下谢谢！