比如这个页面的“隐藏侧边栏”
http://bbs.csdn.net/
给个源码看看
回复讨论(解决方案)
其实就是设置 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 <body> </body>
我研究了各位老大的方法，结果死活只在IE里才好用，其它的遨游、谷歌之类的点击了都没有反应，代码如下：
左右布局侧边栏演示 <body><p>此网页使用了框架,但您的浏览器不支持框架。</p><div class="aritcle_card flexRow"> <div class="artcardd flexRow"> <a class="aritcle_card_img" href="/ai/1801" title="万兴爱画"><img src="https://img.php.cn/upload/ai_manual/000/000/000/175680369151191.png" alt="万兴爱画"></a> <div class="aritcle_card_info flexColumn"> <a href="/ai/1801" title="万兴爱画">万兴爱画</a> <p>万兴爱画AI绘画生成工具</p> </div> <a href="/ai/1801" title="万兴爱画" class="aritcle_card_btn flexRow flexcenter"><b></b><span>下载</span> </a> </div> </div> </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,*' } 、脚本写最简单吧，。。。
