免費論壇 繁體 | 簡體
公告:SCLUB雲端專屬主機己開放租用
分享
返回列表 下一主题 ›› ‹‹ 上一主题2273 | 0 发帖

DZX仿7.2风格加强版5页翻页效果代码


1.导入数据调用

2.在css_common最后面加
本帖隐藏的内容需要回复才可以浏览

3.打开discuz
在$pluginhooks[index_middle]和<!--{if $_DCACHE['forumlinks'][0]之间加
  1. <div class="yxyh">
  2. <img  class="headactions" id="category_46_img" src="" style="margin: 0 6px -20px 0;z-index: 99999999;display: block;position: relative;">
  3. <ul  class=" menus3">
  4. <div class="bg" style="left:0"></div>
  5. <li style="background-color:#fff;color:rgb(255, 155, 155));"><span>动作电影</span></li>
  6. <li style="color: rgb(0, 0, 0);"><span>喜剧电影</span></li>
  7. <li style="color: rgb(0, 0, 0);"><span>科幻电影</span></li>
  8. <li style="color: rgb(0, 0, 0);"><span>战争电影</span></li>
  9. <li style="color: rgb(0, 0, 0);"><span>爱情电影</span></li>
  10. </ul>
  11. <div class="clear"></div>
  12. <div class="tab tab2 show">{eval request('主题列表_科幻片A');}</div>
  13. <div class="tab tab2">{eval request('主题列表_战争片B');}</div>
  14. <div class="tab tab2">{eval request('主题列表_动作片C');}</div>
  15. <div class="tab tab2">{eval request('主题列表_古装片D');}</div>
  16. <div class="tab tab2">{eval request('主题列表_喜剧片E');}</div>

  17. </div>
  18. <script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
  19. <script>
  20. $(function(){
  21. $('.menus3 li').each(function(){$('.menus3 li').mouseover(function(){var index=$(this).index();$('.menus3 .bg').css('left',(index-

  22. 1)*200+'px');$('.menus3 li').css({"background": "none"});$(this).css({"background": "#fff"});$('.tab2').removeClass('show')
  23. $('.tab2').eq(index-1).addClass

  24. ('show')});})})
  25. </script>
复制代码
附件: 您需要登录才可以下载或查看附件。没有帐号?注册  
分享到: QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
返回列表 下一主题 ›› ‹‹ 上一主题2273 | 0