Question

DIV css分别如何分页成如下内容？？多谢！

如下代码？又是什么语言分的页面？如果改成以上格式？该怎样改？？
{block:PreviousPage}<a class="prev" href="{PreviousPage}">{/block:PreviousPage}<span>← {lang:Newer}</span>{block:PreviousPage}</a>{/block:PreviousPage} <span class="sep">•</span>
{block:NextPage}<a class="next" href="{NextPage}">{/block:NextPage}<span>{lang:Older} →</span>{block:NextPage}</a>{/block:NextPage}

Answer 1

内容分页一般是涉及到数据库的内容，如果楼主不是涉及到数据库，而是单纯的想用div+css实现翻页效果，完全可以通过javascript来实现，当点击上一页，下一页的时候应该做怎么样的操作，比如让原本显示的第一页隐藏，将原本隐藏的页面显示，则达成了所谓分页效果，你上面的代码只是一些表面效果，不具备任何所谓的“分页”功能。

所谓分页，是动态的获取数据库的内容，通过数据库的记录来进行分类，比如每页需要显示10条记录，则从数据库获取10条记录，当点击下一页的时候，继续获取接下来10条，这里就设计到一些简单的算法，可以去看下javascript和sql查询语句以及limit的使用,手打，求给分

追问

哎，我其实就想在我的一个网页，达到上面的显示页码的效果。然后，翻页数字会改变，我没java的基础，明白的不深。如果可以，能给我个写好的代码吗？

Answer 2

中括号里的是前后台搭建用的不要动，直接设置各个class样式就行

追问

那到底如何更改才能设置成我图片的那样的？？？

追答

#Pager.prev {
background: url(../images/context/prev.jpg) !important;
}
#PagerHolder .next {
background: url(../images/context/next.jpg) !important;
}
.prev, .next {
border: none;
}

#Pager a {
background-color: #ededed !important;
display: inline-block;
width: 35px;
height: 35px;
line-height: 35px;
margin: 5px;
text-align: center;
font-size: 18px;
text-indent: 0px;
color: #333;
vertical-align: top;
text-decoration: none;
outline: none;
text-overflow: clip;
}

#Pager .sep {
color: #fff;
background-color: #444444 !important;
}
样式稍微不同，修改一下就能用了