在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
喜欢就支持一下吧
相关推荐
评论 抢沙发
欢迎您留下宝贵的见解！
随即推荐
in域名可以在哪查询？查询方法一览
.in域名是印度的国家代码顶级域名(ccTLD)，近年来随着印度互联网经济的蓬勃发展而备受关注。无论您是面向印度市场的企业，还是希望在快速增长的数字经济中占得一席之地，选择一个好的.in域名都...
21天前
PC网易UU远程V4.1.20专业游戏远程工具
网易UU远程是由网易公司开发的一款专业远程控制工具，它支持用户通过手机、平板或电脑远程操控其他电脑设备。这款软件以其低延迟、高清画质和多功能设计，在远程游戏与办公场景中表现出色。 软...
前天
IPA软件源预览系统源码
这是一款IPA软件源预览系统源码，搭建这个源码一定记住没有软件源的别搭建，因为你玩不明白，不是做ipa软件源的不要下载这套源码，简单的测试了，UI很舒服，喜欢的自行部署！
13天前
AI短视频运营实操课一个人用AI做自媒体教程
1.1.不同AI解决不同自媒体问题(1).mp4 2.2.AI搞定文案和生活(1).mp4 3.3.图片怎么做?Al-键成图(1).mp4 4.4.如何让豆包图片干净(1).mp4 5.5.AI一键成视频(1).mp4 6.6.如何保存即梦视频(1).mp4 7....
28天前
抖音一键搬运主流平台工具 支持多平台同步发布
支持多平台同步发布（TikTok、抖音、快手、油管、小红书、B站等），自动化脚本控制Chrome浏览器进行登录、上传、发布操作，支持视频自动处理，片头片尾添加、水印处理、关键帧替换，来防止查重
前天
暂无评论内容