移动端分页HAIRUICMS

/ / 2023-07-02   阅读:2557
移动端分页...

演示效果:

1.jpg


List_Config.asp中的分页函数:

'显示分页
Function ShowPage()
%>
<div class="page">
<ul>
<%if CurPage=1 then%>
<li><p>上一页</p></li>
<%else%>
<li><a href="?SortID=<%=SortID%>&Item7=<%=Item7%>&Item5=<%=Item5%>&CurPage=<%=CurPage-1%>">上一页</a></li>
<%end if%>
<%if ListRs.PageCount<CurPage+1 then%>
<li><p>下一页</p></li>
<%else%>
<li><a href="?SortID=<%=SortID%>&Item7=<%=Item7%>&Item5=<%=Item5%>&CurPage=<%=CurPage+1%>">下一页</a></li>
<%end if%>
</ul>
</div>
<%
ListRs.close
set ListRs=nothing
End Function
%>


css代码:

/* 分页样式定义开始 */
.page{margin-top: 15px;}
.page ul{width: 280px;margin: 0px auto;}
.page li{width: 120px;float: left;line-height: 28px;margin-left: 20px;}
.page a{display: block;width: 100%;border: 1px solid #F2720F;background: #F2720F; color: #FFF; text-align: center;font-size: 14px;}
.page p{display: block;width: 100%;border: 1px solid #DDD;background: #FFF; color: #DDD;text-align: center;font-size: 14px;}
/* 分页样式定义结束 */


List.asp调用函数:

<%=ShowPage%>


我要评论

昵称:
验证码:

最新评论

共0条 共0页 10条/页 首页 上一页 下一页 尾页
意见反馈