欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

CSDN的隐藏侧边栏功能是怎么实现的?_html/css_WEB-ITnose

程序员文章站 2022-05-16 11:46:08
...
比如这个页面的“隐藏侧边栏”
http://bbs.csdn.net/
给个源码看看

回复讨论(解决方案)

其实就是设置 css,显示style.display='block',隐藏style.display='node'
我写了个例子,与csdn的实现方式可能不一样

    
隐藏

csdn用的是frameset,设置其中framset的cols属性为0,*收缩导航,设置为230,*展开导航




我这样写为什么“隐藏”按钮不显示?

      左右布局侧边栏演示


    <div id="hand">隐藏</div>

      CSDN论坛首页 - CSDN.NET


          

我研究了各位老大的方法,结果死活只在IE里才好用,其它的遨游、谷歌之类的点击了都没有反应,代码如下:

      左右布局侧边栏演示



    <p>此网页使用了框架,但您的浏览器不支持框架。</p>      

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,*' }

、脚本写最简单吧,。。。