freemaker 简单分页（原）

最新推荐文章于 2021-08-17 21:17:49 发布

原创最新推荐文章于 2021-08-17 21:17:49 发布 · 1.6k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#javascript #class #up #div

html 专栏收录该内容

16 篇文章

订阅专栏

本文探讨了如何在网页中实现分页导航功能，并详细解释了分页元素的使用及逻辑，包括上一页、当前页、下一页按钮的实现方式以及如何通过变量控制分页显示。

<#if (totalPages>1)> <div class="play_page clfx"> <a class="next_page" onclick="javascript:pageChangeUp(${currentPageV});"><<上一页</a> <#assign pageUpCount=0 /> <#assign pageDownCount=0 /> <#if (currentPageV > 2)> <#if ((currentPageV+1) <= totalPages)> <#assign pageDownCount=1 /> <#assign pageUpCount=2 /> <#else> <#if ((totalPages-1)<3)> <#assign pageUpCount=(totalPages-1) /> <#else> <#assign pageUpCount=3 /> </#if> </#if> <#else> <#assign pageUpCount=currentPageV-1 /> <#assign pageDownCount=4-currentPageV /> </#if> <#if (pageUpCount>0)> <#list pageUpCount..1 as index_up> <#if (currentPageV-index_up)=0> <#break> <#else> <a onclick="javascript:pageChange(${currentPageV-index_up});">${currentPageV-index_up}</a> </#if> </#list> </#if> <a onclick="javascript:pageChange(${currentPageV});" class="currentPageV"><font color="red">${currentPageV}</font></a> <#list 1..pageDownCount as index_down> <#if ((currentPageV+index_down)>totalPages)> <#break> <#else> <a onclick="javascript:pageChange(${currentPageV+index_down});">${currentPageV+index_down}</a> </#if> </#list> <a class="next_page" onclick="javascript:pageChangeDown(${currentPageV},${totalPages});">下一页>></a> 总记录${totalRows}条 </div> </#if>