diy代码示例:
上述代码只是个示例,并无css及jq,所以不要直接复制使用
<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> |
声明:有的资源均来自网络转载,版权归原作者所有,如有侵犯到您的权益 请联系邮箱:123456@qq.com 我们将配合处理!
原文地址:discuz 同一diy区块多loop显示发布于2023-04-14 17:43:16