时间：2021-07-01 10:21:17 帮助过：6人阅读
其实就是设置 css,显示style.display='block',隐藏style.display='node'
我写了个例子，与csdn的实现方式可能不一样
隐藏
csdn用的是frameset，设置其中framset的cols属性为0,*收缩导航，设置为230,*展开导航
我这样写为什么“隐藏”按钮不显示？
左右布局侧边栏演示 <div id="hand" >隐藏</div><script> function $(id){ return document.getElementById(id) } var w,hand=$('hand'),ifr1=$('ifr1'),ifr2=$('ifr2'); hand.onclick=function(){ //点击隐藏按钮 var sty=ifr1.style,disp; sty.display=sty.display=='none'?'block':'none'; doResize(); } function doResize(){ //调整位置大小 var w=document.body.clientWidth; var sty=ifr1.style,disp; if(sty.display=='none'){ ifr2.style.width='100%'; hand.style.left='1px'; }else{ ifr2.style.width=w-220+'px'; hand.style.left='200px'; } } window.onload=window.onresize=doResize; doResize() </ script> <body> </body>
CSDN论坛首页 - CSDN.NET
我研究了各位老大的方法，结果死活只在IE里才好用，其它的遨游、谷歌之类的点击了都没有反应，代码如下：
左右布局侧边栏演示 <body><p>此网页使用了框架,但您的浏览器不支持框架。</p> </body>
left_close.html文件在这里，和上面的放在一个目录里：
关闭和显示侧边栏
这个也没有效果：
if (parent.document.getElementById('top_function').rows!='10%,20,*'){ parent.document.getElementById('top_function').rows='10%,20,*' }else{ parent.document.getElementById('top_function').rows='0,20,*' } 、脚本写最简单吧，。。。