这个幻灯片怎么实现diy

这个幻灯片怎么实现diy

1. 
   
2. <P> <div class="area" id="pingliangshow"><div class="cl_frame_bm frame move-span cl frame-1" id="framefs05tp"><div class="column frame-1-c" id="framefs05tp_left"><div class="move-span temp" id="framefs05tp_left_temp"></div><div class="block move-span" id="portal_block_3030"><div class="dxb_bc" id="portal_block_3030_content"><div id="slideshow" style="position: relative;"><a target="_blank" href="<A >http://www.86933.com/article-11594-1.html</A>" style="position: absolute; top: 0px; left: 0px; display: none; z-index: 8; opacity: 0; width: 550px; height: 335px;">
   
3. <img width="500" height="335" alt="乡镇干部“草民工”的真实生活" src="data/attachment/block/39/39b40f7091f24d7b0b4e0b56b677387b.jpg">
   
4. <div class="opabg"></div>
   
5. <div class="title">乡镇干部“草民工”的真实生活</div>
   
6. </a><a target="_blank" href="<A >http://www.86933.com/article-15382-1.html</A>" style="position: absolute; top: 0px; left: 0px; display: none; z-index: 8; opacity: 0; width: 550px; height: 335px;">
   
7. <img width="500" height="335" alt="平凉民间艺人何霞5分钟剪出你的漫画肖像" src="data/attachment/block/ab/abaa99a8d8e03a8231f686c883a3ef95.jpg">
   
8. <div class="opabg"></div>
   
9. <div class="title">平凉民间艺人何霞5分钟剪出你的漫画肖像</div>
   
10. </a><a target="_blank" href="<A >http://www.86933.com/article-15349-1.html</A>" style="position: absolute; top: 0px; left: 0px; display: none; z-index: 8; opacity: 0; width: 550px; height: 335px;">
    
11. <img width="500" height="335" alt="古代男人防止老婆红杏出墙的6大奇招" src="data/attachment/block/fe/fe03cdda4f90d2f7310e474139e21c06.jpg">
    
12. <div class="opabg"></div>
    
13. <div class="title">古代男人防止老婆红杏出墙的6大奇招</div>
    
14. </a><a target="_blank" href="<A >http://www.86933.com/article-15327-1.html</A>" style="position: absolute; top: 0px; left: 0px; display: none; z-index: 8; opacity: 0; width: 550px; height: 335px;">
    
15. <img width="500" height="335" alt="“外媒看华亭”华亭县奋力打造绿色能源之都" src="data/attachment/block/2d/2d188e3b80ddcfc5d315588ed60842bf.jpg">
    
16. <div class="opabg"></div>
    
17. <div class="title">“外媒看华亭”华亭县奋力打造绿色能源之都</div>
    
18. </a><a target="_blank" href="<A >http://www.86933.com/article-15322-1.html</A>" style="position: absolute; top: 0px; left: 0px; display: none; z-index: 8; opacity: 0; width: 550px; height: 335px;">
    
19. <img width="500" height="335" alt="裸模曝人体私拍内幕 揭行业黑暗潜规则" src="data/attachment/block/d5/d530e2100a6377eca3a35b8a0fefa58f.jpg">
    
20. <div class="opabg"></div>
    
21. <div class="title">裸模曝人体私拍内幕 揭行业黑暗潜规则</div>
    
22. </a><a target="_blank" href="<A >http://www.86933.com/article-15324-1.html</A>" style="position: absolute; top: 0px; left: 0px; display: none; z-index: 8; opacity: 0; width: 550px; height: 335px;">
    
23. <img width="500" height="335" alt="世界最恐怖的十大“死亡公路”排行榜" src="data/attachment/block/40/40670f4a9585584a2ac4c47c3bbd4bfd.jpg">
    
24. <div class="opabg"></div>
    
25. <div class="title">世界最恐怖的十大“死亡公路”排行榜</div>
    
26. </a><a target="_blank" href="<A >http://www.86933.com/article-15320-1.html</A>" style="position: absolute; top: 0px; left: 0px; display: block; z-index: 9; opacity: 1; width: 550px; height: 335px;">
    
27. <img width="500" height="335" alt="比男人还狠！世上最风流女人8大面相" src="data/attachment/block/dd/dd48416592c4920f7316ba4559b20552.jpg">
    
28. <div class="opabg"></div>
    
29. <div class="title">比男人还狠！世上最风流女人8大面相</div>
    
30. </a><a target="_blank" href="<A >http://www.86933.com/article-15302-1.html</A>" style="position: absolute; top: 0px; left: 0px; display: none; z-index: 8; opacity: 0; width: 550px; height: 335px;">
    
31. <img width="500" height="335" alt="全球动物之最：中国捕获最大蚊子" src="data/attachment/block/6b/6b02bfa25cfaf8129a6d16ba31327320.jpg">
    
32. <div class="opabg"></div>
    
33. <div class="title">全球动物之最：中国捕获最大蚊子</div>
    
34. </a></div>
    
35.         <ul id="slide-pager">
    
36.           <li class=""> 平凉 </li>
    
37.           <li class=""> 甘肃 </li>
    
38.           <li class=""> 社会 </li>
    
39.           <li class=""> 视频 </li>
    
40.           <li class=""> 图吧 </li>
    
41.           <li class=""> 论坛 </li>
    
42.           <li class="activeSlide"> 养生 </li>
    
43.           <li class=""> 女性 </li>
    
44.         </ul>
    
45.     <script type="text/javascript">
    
46.     jQuery(document).ready(function() {
    
47.      jQuery('#slideshow').cycle({
    
48.       fx: 'fade',
    
49.       pager: '#slide-pager',
    
50.       pagerAnchorBuilder: function(idx, slide) {
    
51.         return '#slide-pager li:eq(' + idx + ')';
    
52.       }
    
53.     });
    
54.    });
    
55.     </script> </div></div></div></div></div></P>

复制代码