2010,正心,修身,养性。
焚我残躯,毁我意志,复我记忆。
子曰:“知之者不如好之者,好之者不如乐之者。”
子曰:“吾尝终日不食,终夜不寝,以思,无益,不如学也。”

快乐的生活,快乐的分享。

折叠模块

可能在我们要做折叠的时候首先想到的应该是 display:none;,但是,这个并不是在每一个地方使用起来都那么方便的。

在做 CSSer 首页中间模块折叠的时候,我也曾想过去使用 display:none; 来实现效果,但是,倘若那样子的话,我首先需要知道现在展开的模块是哪个,然后去为其设置 display 属性,或者直接循环一下,让所有 div 的 display 的属性都为 none,然后当我展开的时候我还需要根据当前的标签状态去决定让哪个 div 去显示出来,相对来说,还是挺麻烦的。

对于这种情况,我是用了改变高度的方法来实现折叠和展开,就是将整个模块的高度设置为 tab 切换标签的高度,超过部分隐藏,这样子就很简单的实现了折叠和展开,而不用考虑那么多的问题。

标签: ,

这篇文章发布于 2008年12月9日,星期二,07:48,归类于 CSS, HTML, JavaScript。 您可以跟踪这篇文章的评论通过 RSS 2.0 feed。 您可以留下评论,或者从您的站点trackback

雁过留声

Rss
渴望孩子的纯真、诚实、可爱、无忧无虑。。。。。。

这位姐姐,你好,你的浏览器版本太低了,为了避免您中毒,请您升级您的浏览器!