在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>
除了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功能去在某个版块逐条调用版块数据了。
© 版权声明
文章版权归作者所有，未经允许请勿转载。
THE END
喜欢就支持一下吧
相关推荐
评论 抢沙发
欢迎您留下宝贵的见解！
随即推荐
WordPress主题Bricks v1.9 破解版
视觉全站编辑 直观地构建您的整个网站。全部显示在一个屏幕上。从页眉到页脚以及介于两者之间的所有内容。如果您可以用 WordPress 做到这一点，那么您也可以用 Bricks 做到这一点。
9天前
威力导演2026 PowerDirector v24.0.1003.0
威力导演2026旗舰版(PowerDirector2026)是一款视频编辑软件及视频剪辑软件.威力导演365最新版采用独家之智慧型高速不失真影片输出技术SVRT,可以快速编辑处理视频,威力导演旗舰版(CyberLink Powe...
11天前
恋爱必修课 解决你的恋爱难题两性交友
谈恋爱看似很容易，但想要保持长久、健康的感情关系却很难。 恋爱前，不知道如何开始一段恋爱关系，怎样追求对方；身处恋爱中，问题也是层出不穷，不知道怎样培养感情、令感情升温；恋爱谈久了...
5天前
B站/抖音直播万能场控机器人，弹幕姬+答谢姬+回复姬+点歌姬+各种小骚操作，目前唯一可编程机器人
神奇弹幕以直播间为平台，利用 AI 大模型、网络通信技术、音视频技术、智能控制技术将直播有关的功能集成，构建高效的现代化播出环境与观众互动的管理系统，提升直播亲密性、便利性、艺术性，并...
7天前
新加坡裸机云大宽带服务器对网站优化有什么帮助
新加坡裸机云结合大宽带服务器对网站优化的帮助可以从以下几个关键方面体现，尤其适用于追求高性能和高可靠性的业务场景，主机推荐小编为您整理发布新加坡裸机云大宽带服务器对网站优化有什么帮...
10天前
暂无评论内容