Discuz!官方免费开源建站系统

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

[求助] 这个幻灯片怎么实现diy

[复制链接]
alqq258 发表于 2014-4-5 15:25:19 | 显示全部楼层 |阅读模式
问题描述
适用版本: Discuz! X3
浏览器: IE6 IE7 IE8 IE9 IE10 firefox TT 360 chrome maxthon 其他(帖子中请注明浏览器) 
使用模板: 其他模板(请在回帖中说明模板的名称或者是模板的下载地址)
BUG地址: http://www.86933.com/
这个幻灯片怎么实现diy




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

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|Discuz! 官方站 ( 皖ICP备16010102号 )star

GMT+8, 2024-12-26 23:00 , Processed in 0.021852 second(s), 5 queries , Gzip On, Redis On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

快速回复 返回顶部 返回列表