参考cbmland实现的侧边栏滑动模块
考虑到博客主题使用到CSS3.0标准中的圆角啊之类的东西,以及大量的透明效果的使用,IE下本站的显示效果非常惨淡,所以之前特意写了个浏览提示放在侧边栏。写的时候想到哪儿写到哪儿,不留神写了一大串。预览一看占掉了大半个侧边栏。遂而精简精简,到几十个字再精简不能,仍旧嫌多。苦于没有良方。
前几天路过cbm的站点cbm's land,偶然发现侧边栏区域里rss订阅块的自动伸缩效果不错——默认只显示两行,当鼠标移至框块上方时则块下边缘下滑,露出藏着的四行链接——很好的解决了侧边栏内容过多的问题,而且动态效果非常令人满意。于是偶决定把它迁移过来。
迁移的过程中遇到很多问题,起先是不知道原页面是如何调用js函数的(后来在MSN上问cbm得知是通过page_load()实现绑定),随后又发现原代码里的实现方式并不适合我的主题——原代码里是让要隐藏的块高度为0,使得下面的内容上浮,并且用背景色遮住隐藏块的内容,而我的主题里,所有内容的背景都是透明的,上下无法遮挡只能重叠在一起显示——于是略加修改,让要隐藏的块的visibility属性也参与了进来(缺点是滑动效果不如从前),当然最大的问题是:偶不太懂js代码。。。
无论如何,这些困难算是克服过去了。下面给出最终的实现方法:
(更多...)