请问一下 这个门户的幻灯片如何实现啊

请问一下 这个门户的幻灯片如何实现啊






还有一个问题

这个为什么不能全框架呢？？






这下面是代码

1. <style type="text/css">
   
2.         .deandiyhdp { position:relative; width:300px;}
   
3.         .deandiyhdp .slideshow { height:300px; overflow:hidden }
   
4.         .deandiyhdp .bignews_btns { position:absolute; bottom:0; z-index:2; left:0; height:30px; color:#FFF;}
   
5.         .deandiyhdp .slidebar { position:absolute;left:190px; bottom:6px; width:auto; width:120px!important;}
   
6.         .deandiyhdp .slidebar em {background:#999; width:16px; height:4px; line-height:4px; display:block; float:left; text-align:center; z-index:3; margin-right:3px; color:#999; cursor:pointer;  }
   
7.         .deandiyhdp .slidebar em.on { background:#f60; color:#FFF; font-weight:bold; }
   
8.         .deandiyhdp .slideother { width:260px; height:15px; line-height:15px; font-size:12px; color:#FFF; position:absolute; bottom:22px; left:10px; overflow:hidden}
   
9.         .deandiyhdp .slideother a { color:#FFF; font-family:microsoft yahei; font-size:14px; font-weight:normal;}
   
10.         .deandiyhdp .cr180_tmbg { height:50px; width:100%; position:absolute; bottom:0; left:0; z-index:1; background:#000; opacity: 0.6; filter: alpha(opacity=60); border-top:1px solid #000; padding-top:2px;}
    
11. </style>
    
12. <div class="slidebox deandiyhdp">
    
13.     <div class="slideshow">[loop]<a href="{url}"{target}><img src="{pic}" width="{picwidth}" height="{picheight}" /></a>[/loop]</div>
    
14.     <div class="bignews_btns">
    
15.         <div class="btns slidebar">[loop1]<em> </em>[/loop1]</div>
    
16.         <div class="desc slideother">[loop2]<a href="{url}"{target}>{title}</a>[/loop2]</div>
    
17.     </div>
    
18.     <div class="cr180_tmbg"></div>            
    
19. </div>
    
20. <script type="text/javascript">runslideshow();</script>

复制代码

求大神啊···

[s_catsoul=2]我擦[/s_catsoul]