这个需要通过设置元素的浮动来实现两者左右并排。
1、通过设置侧边栏和内容区域的浮动来实现两者并排，设置方法如下：
<div id=container><div id=parameter>左边栏</div>
<div id=main>文章主要区域</div>
</div>
css设置浮动如下：
#parameter{float:left
}
#main{
float:left
}
2、其他的效果根据需要设置css样式即可。
/** 版式分布从左至右 **//*用这个方法可以把版块分开*/
#layout{width:100%}
#layout td.c3t1{width:22%}
#layout td.c3t2{width:2px}
#layout td.c3t3{width:56%}
#layout td.c3t4{width:2px}
#layout td.c3t5{width:22%}
只要是通过这段代码来实现的。
如果你的模版是2栏的就这样
#layout{width:100%}
#layout td.c3t1{width:44%} /*百分数自己调*/
#layout td.c3t2{width:2px}
#layout td.c3t3{width:56%} /*百分数自己调*/
那个2px就是想要两个栏目之间隔开多宽。
按从左到右的顺序。
有不明白的可以到我的空间提问。
看你要的效果了，如果要淡入淡出的话，用display设置显示隐藏，在加个transition的过度，要左右滑动显示影藏的话，用transform或者绝对定位显示和隐藏的位子，加transition的过度
