discuz

推荐列表 站点导航

当前位置:首页 > 建站教程 > discuz >

discuz 同一diy区块多loop显示

来源:网络整理  作者:网络  发布时间:2020-12-10 22:58
diy代码示例: div class=foucebox style=margin:0 auto !-- 大图 -- div class=bd [loop] div class=showDiva href=http://www.dede58.com/discuz/{url}i...

  diy代码示例: <div class="foucebox" style="margin:0 auto"> <!-- 大图 --> <div class="bd"> [loop] <div class="showDiv"><a href=http://www.dede58.com/discuz/"{url}"><img src="{pic}" height="340" width="594"></a> <div class="foucebox_bg" style="width: 594px;"></div> <div> <h2 style="bottom: 15px;"><a href=http://www.dede58.com/discuz/"{url}">{title}</a></h2> </div> </div> [/loop] </div> <!-- 小图 --> <div class="hd"> <ul> [loop1] <li><a href=http://www.dede58.com/discuz/"{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,所以不要直接复制使用

相关热词: discuz

本站内容来源于网络,如有侵权请与我们联系,我们会及时删除,我们深感抱歉!
注:本站所有信息仅供用于网络技术学习参考,学习中请遵循相关法律法规!

本文地址: https://www.juheyunku.com/jz/discuz/2336.shtml

Copyright © www.juheyunku.com      关于 | 合作 | 声明 | 联系 | 更新 | 地图 | Tags

discuz 同一diy区块多loop显示

2020-12-10 编辑:网络

  diy代码示例: <div class="foucebox" style="margin:0 auto"> <!-- 大图 --> <div class="bd"> [loop] <div class="showDiv"><a href=http://www.dede58.com/discuz/"{url}"><img src="{pic}" height="340" width="594"></a> <div class="foucebox_bg" style="width: 594px;"></div> <div> <h2 style="bottom: 15px;"><a href=http://www.dede58.com/discuz/"{url}">{title}</a></h2> </div> </div> [/loop] </div> <!-- 小图 --> <div class="hd"> <ul> [loop1] <li><a href=http://www.dede58.com/discuz/"{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,所以不要直接复制使用

本站内容来源于网络,如有侵权请与我们联系,我们会及时删除,我们深感抱歉!
注:本站所有信息仅供学习参考!
本文地址为 https://www.juheyunku.com/jz/discuz/2336.shtml

相关文章

风云图片

推荐阅读

返回discuz频道首页