gina123 discuz如何逐条滚动显示论坛帖子
在DZ模板制作过程中，很多版块都是通过DIY功能来调用版块数据的，但由于版块的尺寸有限，我们要在一个版块下调用更多的数据，我们可以使用逐条显示调用的效果。
也就是在一个固定的区域中，通过逐条滚动的方式展示版块的数据，这样可以调用出更多的数据内容。
我们在自己制作DZ模板时，可以使用DZ论坛的DIY功能去实现这种效果。结合自己的代码与DIY功能可以实现逐条显示调用版块数据，代码如下:
<div class=”deanwenzhang”>
<ul>[loop]
<li>
<div class=”deanwzl”><a href=”{url}” target=”_blank”><img src=”{pic}” width=”{picwidth}” height=”{picheight}” /></a></div>
<div class=”deanwzm”><a href=”home.php?mod=space&{authorid}=1&do=profile” target=”_blank”><img src=”{avatar}” /></a></div>
<div class=”deanwzr”>
<div class=”deanyonghuname”><a href=”home.php?mod=space&{authorid}=1&do=profile” target=”_blank”>{author}</a></div>
<p><span class=”deanup”></span><span>{summary}</span><span class=”deandown”></span></p>
<div class=”deandate”>{dateline}</div>
</div>
<div class=”clear”></div>
</li>
[/loop]</ul>
</div>
<ul>[loop]
<li>
<div class=”deanwzl”><a href=”{url}” target=”_blank”><img src=”{pic}” width=”{picwidth}” height=”{picheight}” /></a></div>
<div class=”deanwzm”><a href=”home.php?mod=space&{authorid}=1&do=profile” target=”_blank”><img src=”{avatar}” /></a></div>
<div class=”deanwzr”>
<div class=”deanyonghuname”><a href=”home.php?mod=space&{authorid}=1&do=profile” target=”_blank”>{author}</a></div>
<p><span class=”deanup”></span><span>{summary}</span><span class=”deandown”></span></p>
<div class=”deandate”>{dateline}</div>
</div>
<div class=”clear”></div>
</li>
[/loop]</ul>
</div>
WEEX交易所已上线平台币 WEEX Token (WXT)。WXT 作为 WEEX 交易所生态系统的基石，主要用于激励 WEEX 交易平台社区的合作伙伴、贡献者、先驱和活跃成员。
新用户注册 WEEX 账户、参与交易挖矿及平台其他活动，均可免费获得 WXT 空投奖励。
除了HTML代码之外，我们还需要加一段JS特效代码来实现逐条显示的效果。
[代码]js代码:
<script type=”text/javascript”>
jq(function(){var scrtime;jq(“.deanwenzhang”).hover(function(){clearInterval(scrtime);},
function(){scrtime = setInterval(function(){var jqul = jq(“.deanwenzhang ul”);var liHeight = jqul.find(“li:last”).height();jqul.animate({marginTop : liHeight + 11+ “px”},1000,function(){jqul.find(“li:last”).prependTo(jqul)jqul.find(“li:first”).hide();jqul.css({marginTop:0});jqul.find(“li:first”).fadeIn(1000);});},5000);}).trigger(“mouseleave”);});
</script>
jq(function(){var scrtime;jq(“.deanwenzhang”).hover(function(){clearInterval(scrtime);},
function(){scrtime = setInterval(function(){var jqul = jq(“.deanwenzhang ul”);var liHeight = jqul.find(“li:last”).height();jqul.animate({marginTop : liHeight + 11+ “px”},1000,function(){jqul.find(“li:last”).prependTo(jqul)jqul.find(“li:first”).hide();jqul.css({marginTop:0});jqul.find(“li:first”).fadeIn(1000);});},5000);}).trigger(“mouseleave”);});
</script>
通过这样的代码组合，我们就可以通过DIY功能去在某个版块逐条调用版块数据了。
本站资源均来源于网络或网友投稿，部分资源未经测试，难免存在BUG，所有资源只限于学习研究，不得商用。如使用本站下载的资源造成任何损失或发生侵权行为，均与本站无关。如不接受本声明请勿下载！本站资源如有侵权，请联系QQ：497149677核实后立即删除！
最客资源网 » discuz如何逐条滚动显示论坛帖子
最客资源网 » discuz如何逐条滚动显示论坛帖子
