zoukankan      html  css  js  c++  java
  • 一段freemarker高级分页效果的代码

    <a onclick="page(1)">首页</a>
    [#if currpage != 1]
    [#assign last=currpage - 1]
    <a onclick="page('${last}')">上一页</a>
    [/#if]
    [#assign pages=count/10 ]
    [#if pages <= 10]
    [#list 1..pages as p]
    [#if p == currpage]
    <span>${p}</span>
    [#else]
    <a onclick="page('${p}')")">${p}</a>
    [/#if]
    [/#list]
    [#else]
    [#if currpage <= 4]
    [#list 1..5 as p]
    [#if p == currpage]
    <span>${p}</span>
    [#else]
    <a onclick="page('${p}')">${p}</a>
    [/#if]
    [/#list]
    ....
    [#list (pages-4)..pages as p]
    <a onclick="page('${p}')">${p}</a>
    [/#list]
    [#elseif (pages-currpage) <= 3]
    [#list 1..5 as p]
    <a onclick="page('${p}')">${p}</a>
    [/#list]
    ....
    [#list (pages-4)..pages as p]
    [#if p == currpage]
    <span>${p}</span>
    [#else]
    <a onclick="page('${p}')">${p}</a>
    [/#if]
    [/#list]
    [#else]
    <a onclick="page(1)">1</a>
    ...
    [#assign lll=currpage-3]
    <a onclick="page('${lll}')">${lll}</a>
    [#assign ll=currpage-2]
    <a onclick="page('${ll}')">${ll}</a>
    [#assign l=currpage-1]
    <a onclick="page('${l}')">${l}</a>
    <span>${currpage}</span>
    [#assign n=currpage+1]
    <a onclick="page('${n}')">${n}</a>
    [#assign nn=currpage+2]
    <a onclick="page('${nn}')">${nn}</a>
    [#assign nnn=currpage+3]
    <a onclick="page('${nnn}')">${nnn}</a>
    ...
    <a onclick="page('${pages}')">${pages}</a>
    [/#if]
    [/#if]
    [#if currpage != pages]
    [#assign next = currpage+1]
    <a onclick="page('${next}')">下一页</a>
    [/#if]
    <a onclick="page('${pages}')">末页</a>

  • 相关阅读:
    jquery 锚点跳转、滚动导航菜单和返回顶部
    jQuery attr方法-获得修改元素属性值
    layui中的tab选项卡,循环多个选项卡后不出现折叠的解决方法
    获取地址url的参数值
    vant的tab选项卡的点击事件传参
    css选择器
    jquery实现换一批内容
    letter-spacing 字体间距
    jquery 隔行变色
    Redis与Memcached的区别
  • 原文地址:https://www.cnblogs.com/liuxiaoke/p/4249525.html
Copyright © 2011-2022 走看看