疑问咨询，此效果是怎么实现的？

例如论坛http://bbs.anhui.cc/ 的效果，就是搜索栏下面的自定义内容：左侧是四个图片切换，右边是新锐头条帖子。
自定义的JS、CSS、基础代码等必须的我都已经搞好了，在本地测试效果也正常显示了。现在想把这效果动态添加到论坛上，有点迷惑，如果添加100%框架吧，好像需要把附件模块和帖子模块分开来放。如果添加1：1框架吧，宽度比例又固定死了，请教各位大侠要怎么做才好呢？

跟我提的问题一样，我们是同事……怕大侠困惑，这里说一下。

貌似无人理，静态效果出来了，但动态呢？

1. <link rel="stylesheet" type="text/css" href="http://192.168.1.40/bbs/static/diy/css/ifocus.css" />
   
2. <script type="text/javascript" src="http://192.168.1.40/bbs/static/diy/js/ifocus.js"></script>
   
3. <div class="foucs_main">
   
4.         <div class="leftbar">
   
5.     <!--左侧图片切换开始-->
   
6.         <div id="ifocus">
   
7.             <div id="ifocus_pic">
   
8.                 <div style="top:0px; left:0px;" id="ifocus_piclist">
   
9.                     <ul>
   
10.                         <li><a href="http://bbs.anhui.cc/thread-643415-1-1.html" target="_blank"><img src="http://bbs.anhui.cc/data/attachment/pp/093229ihiqhwjb7fwiwicf.jpg" /></a></li>
    
11.                         <li><a href="http://bbs.anhui.cc/thread-647661-1-1.html" target="_blank"><img src="http://bbs.anhui.cc/data/attachment/pp/101225kl4k7lokqeealr7r.jpg" /></a></li>
    
12.                         <li><a href="http://bbs.anhui.cc/thread-647728-1-1.html" target="_blank"><img src="http://bbs.anhui.cc/data/attachment/pp/1446383mu3mtjdd33mgtgo.jpg" /></a></li>
    
13.                         <li><a href="http://bbs.anhui.cc/thread-647999-1-1.html" target="_blank"><img src="http://bbs.anhui.cc/data/attachment/pp/095931gsh06801hs4zh3gh.jpg" /></a></li>
    
14.                     </ul>
    
15.                 </div>
    
16.                 <div id="ifocus_opdiv"></div>
    
17.                 <div id="ifocus_tx">
    
18.                     <ul>
    
19.                         <li class=>传说中的阿斯顿马丁ONE_77</li>
    
20.                         <li class=>向日葵般温暖的女子——章梦洁</li>
    
21.                         <li class=>蚌埠学院 悼念汶川</li>
    
22.                         <li class=>世外桃源 黑白画映</li>
    
23.                     </ul>
    
24.                                 </div>
    
25.             </div>
    
26.             <div id="ifocus_btn">
    
27.                 <ul>
    
28.                     <li class=><img src="http://bbs.anhui.cc/data/attachment/pp/093229ku5ttezquqpqcoke.jpg"></li>
    
29.                             <li class=><img src="http://bbs.anhui.cc/data/attachment/pp/1012262gm7h5ehbhhb2hzz.jpg"></li>
    
30.                             <li class=><img src="http://bbs.anhui.cc/data/attachment/pp/144639mm0hcgdehqh5mqjh.jpg"></li>
    
31.                             <li class=><img src="http://bbs.anhui.cc/data/attachment/pp/095932p4f557pgpzamzze5.jpg"></li>
    
32.                         </ul>
    
33.                         </div>
    
34.         </div>
    
35.     <script>classNormal('ifocus_btn','ifocus_tx');classCurrent('ifocus_btn','ifocus_tx',0);</script>
    
36.         <!--左侧图片切换结束-->
    
37.     </div>
    
38.        
    
39.     <div class="rightbar">
    
40.             <!--右侧文字头条开始-->
    
41.         <div class="title_bg">
    
42.             <span><script language="JavaScript" type="text/JavaScript" src="http://192.168.1.40/bbs/static/diy/js/headdate.js"></script></span>
    
43.         </div>
    
44.         <div class="title_l">
    
45.             <h1><a href="http://bbs.anhui.cc/thread-649450-1-1.html" target="_blank">滁州车祸现场 尼玛警车为何呼啸而过【多图】</a></h1>
    
46.             <span>路过滁全路看到的车祸，三轮车应该是夫妻两，原因不是很清楚，不好乱说。两人应该没有生命危险...<font><a href="http://bbs.anhui.cc/thread-649450-1-1.html" target="_blank">[详细]</a></font></span>
    
47.             <h1><a href="http://bbs.anhui.cc/thread-649426-1-1.html" target="_blank">【求助】祈求好心人 谁能救救我爸爸</a></h1>
    
48.             <span>各位爷爷奶奶、伯父伯母、叔叔阿姨、哥哥姐姐等好心人：你们好！我今年15岁，上初二，家住合肥市肥东县众兴乡永安村...<font><a href="http://bbs.anhui.cc/thread-649426-1-1.html" target="_blank">[详细]</a></font></span>
    
49.             <h1><a href="http://bbs.anhui.cc/thread-610933-1-1.html" target="_blank">【校园大调查】大学生恋爱的资本要多少？</a> </h1>
    
50.             <span>我和她是高中同学，以往也不怎么相识，但我暗恋着她，她很优秀，很多人也是喜欢她，高中的拼博让人感觉不到什么...<font><a href="http://bbs.anhui.cc/thread-610933-1-1.html" target="_blank">[详细]</a></font></span>
    
51.         </div>
    
52.                 <!--右侧文字头条结束-->
    
53.     </div>
    
54. </div>

复制代码

木有高手，收皮了...

有需要可以联系我们 。