discuz如何逐条滚动显示论坛帖子

在DZ模板制作过程中,很多版块都是通过DIY功能来调用版块数据的,但由于版块的尺寸有限,我们要在一个版块下调用更多的数据,我们可以使用逐条显示调用的效果。

也就是在一个固定的区域中,通过逐条滚动的方式展示版块的数据,这样可以调用出更多的数据内容。

海鸥源码网 免费源码下载,商业源码,精品源码,游戏源码—www.haiooo.cn  第1张

我们在自己制作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>

除了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>

通过这样的代码组合,我们就可以通过DIY功能去在某个版块逐条调用版块数据了。

免责声明:本文内容来源于网络,不提供任何售后服务,仅供参考学习使用,如有侵权联系客服QQ1666888999
海鸥源码网,精品源码免费分享,棋牌源码,网站源码,精品软件 » discuz如何逐条滚动显示论坛帖子

发表评论

您需要后才能发表评论

一个令你着迷的网站!

定制开发 在线客服

通知

QQ群:575932340 点击加入交流群
开通会员享受特权 点击立即开通

当月在本站单独购买的程序如果想升级VIP可以联系客服补差价升级 联系在线客服

快捷导航返回顶部