在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
喜欢就支持一下吧
相关推荐
评论 抢沙发
欢迎您留下宝贵的见解！
随即推荐
安卓Librera Pro 阅读神器v9.0.17专业版
Librera Reader Pro「简称：Librera Pro，曾经叫：Lirbi Reader、PRO PDF Reader」是一款功能非常强大的安卓平台新一代阅读神器，能为用户提供非常多的功能，用户通过这款软件能阅读各种书籍，...
4天前
PC搞机助手V4.9.1官方版集合安卓root功能
目前开发功能有：Twrp recovery全自动刷机，免Root冻结、卸载预装软件，免Root激活，反向共享PC网络， 刷入Recovery，小米线刷，无线ADB连接，Sideload刷机，ADB文件浏览器，应用下载及安装，推...
29天前
安卓水印宝v6.9.1解锁水印会员高级版
一款非常实用的手机去水印工具，用户可以利用该软件一键清除视频和图片上的水印，还能保持图片视频高清不受损，同时软件还支持自由添加和自定义设置水印，功能多多，操作简单易上手。解锁会员 ...
19天前
中小外贸企业管理课直击痛点
本课程专为中小外贸企业量身打造，融合实战智慧与管理精髓。核心模块“三才绝学”助您识人善任，提升自我修养;“企业文化”板块指导建立强大使命与落地实践;“有效领导力”聚焦管理者核心职责、...
19天前
GoMusic 全网音乐歌曲音乐无损播放软件V1.3.8
在这个音乐播放器功能臃肿盛行的年代，一个简洁美观的播放器已经很少了，本着简洁为目标，简化使用流程为目的，这个项目(GoMusic)应运而生，该项目由本人亲自操刀，历经了一段时间的开发，已经...
27天前
安卓小熊录屏v2.4.8.1去广告解锁Vip会员版
小熊录屏(原安卓录屏大师)是一款稳定且优质的免费屏幕录制应用，能帮助你录制流畅清晰的屏幕视频。 小熊录屏功能丰富，无需root即可使用，无录制时长限制高质量的视频：支持录制1080P，12Mbps，...
28天前
FFmpeg Batch AV Converter视频批量转换v3.2.5
FFmpeg Batch AV Converter是一款免费的通用音频和视频编码器，只需单击几下鼠标，即可在拖放式进度信息的便捷GUI中使用ffmpeg命令行的全部功能。 由于具有多文件编码功能，它可能是可用的最快...
28天前
TikTok玄学命理跨境出海双语掘金课知识
在TikTok跨境赛道竞争白热化的当下，玄学命理凭借东方神秘文化的独特魅力，成为海外用户疯狂追捧的超级蓝海!本课程不仅带来稀缺赛道玩法，更以双语教学打破语言壁垒，手把手教你用命理知识精准...
18天前
暂无评论内容