折叠模块
可能在我们要做折叠的时候首先想到的应该是 display:none;,但是,这个并不是在每一个地方使用起来都那么方便的。
在做 CSSer 首页中间模块折叠的时候,我也曾想过去使用 display:none; 来实现效果,但是,倘若那样子的话,我首先需要知道现在展开的模块是哪个,然后去为其设置 display 属性,或者直接循环一下,让所有 div 的 display 的属性都为 none,然后当我展开的时候我还需要根据当前的标签状态去决定让哪个 div 去显示出来,相对来说,还是挺麻烦的。
对于这种情况,我是用了改变高度的方法来实现折叠和展开,就是将整个模块的高度设置为 tab 切换标签的高度,超过部分隐藏,这样子就很简单的实现了折叠和展开,而不用考虑那么多的问题。
这篇文章发布于 2008年12月9日,星期二,07:48,归类于 CSS, HTML, JavaScript。 您可以跟踪这篇文章的评论通过 RSS 2.0 feed。 您可以留下评论,或者从您的站点trackback。