欢迎光临
我们一直在努力

discuz 同一diy区块多loop显示

建站超值云服务器,限时71元/月

 ,diy代码示例:,

<div class="foucebox" style="margin:0 auto">  
  <!-- 大图 -->
  <div class="bd">
  [loop]
  <div class="showDiv"><a href="{url}"><img src="{pic}" height="340" width="594"></a>
    <div class="foucebox_bg" style="width: 594px;"></div>
      <div>
        <h2 style="bottom: 15px;"><a href="{url}">{title}</a></h2>
      </div>
</div>
  [/loop]
</div>
<!-- 小图 -->
<div class="hd">
<ul>
[loop1]
<li><a href="{url}"><img src="{pic}"><span class="txt_bg"></span><span class="mask"></span></a></li>
[/loop1]
</ul>
</div>
</div>

,

<script type="text/javascript">
                jQuery(".foucebox").slide({ effect:"fold", autoPlay:true, delayTime:300, startFun:function(i){
                                //下面代码控制文字显示
                                jQuery(".foucebox .showDiv").eq(i).find("h2").css({display:"none",bottom:0}).animate({opacity:"show",bottom:"15px"},300);
                                jQuery(".foucebox .showDiv").eq(i).find("p").css({display:"none",bottom:0}).animate({opacity:"show",bottom:"6px"},300);
                        }
                });
</script>

,上述代码只是个示例,并无css及jq,所以不要直接复制使用,  diy代码示例:

<div class="foucebox" style="margin:0 auto">  
  <!-- 大图 -->
  <div class="bd">
  [loop]
  <div class="showDiv"><a href="{url}"><img src="{pic}" height="340" width="594"></a>
    <div class="foucebox_bg" style="width: 594px;"></div>
      <div>
        <h2 style="bottom: 15px;"><a href="{url}">{title}</a></h2>
      </div>
</div>
  [/loop]
</div>
<!-- 小图 -->
<div class="hd">
<ul>
[loop1]
<li><a href="{url}"><img src="{pic}"><span class="txt_bg"></span><span class="mask"></span></a></li>
[/loop1]
</ul>
</div>
</div>
<script type="text/javascript">
                jQuery(".foucebox").slide({ effect:"fold", autoPlay:true, delayTime:300, startFun:function(i){
                                //下面代码控制文字显示
                                jQuery(".foucebox .showDiv").eq(i).find("h2").css({display:"none",bottom:0}).animate({opacity:"show",bottom:"15px"},300);
                                jQuery(".foucebox .showDiv").eq(i).find("p").css({display:"none",bottom:0}).animate({opacity:"show",bottom:"6px"},300);
                        }
                });
</script>

上述代码只是个示例,并无css及jq,所以不要直接复制使用

赞(0)
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com 特别注意:本站所有转载文章言论不代表本站观点! 本站所提供的图片等素材,版权归原作者所有,如需使用,请与原作者联系。未经允许不得转载:IDC资讯中心 » discuz 同一diy区块多loop显示
分享到: 更多 (0)