css 中 怎么做分页

html-css011

css 中 怎么做分页,第1张

用CSS是不能分页的,分页是程序控制的。

比如说:有100条数据要在页面展示,每次展现10条,一共10页。

程序会在第一页取出1--10条数据给静态页面展示。

到第二页的时候在去11--20条数据给静态页面展示。

当然你要给程序相对应的参数,他才能从数据库里面取出来。

美工只做一个展现页面给程序员,分页就是在静态页面上某个位置写上“上一页”、“下一页”、“第一页”、“最后一页”“共多少页”,或者是数字的1、2、3、4、5、6那种,剩下的程序员就会搞定一切的。

CSS只能做装饰,不能分页。

首先在列表模版写分页样式的时候把这段代码复制进去:

<div class="dede_pages">

<ul class="pagelist">

{dede:pagelist listitem="info,index,end,pre,next,pageno,option" listsize="5"/}

</ul>

</div>

然后在把css样式加入到你自己的css文件里面

.dede_pages{height:30pxbackground:#eeeeeemargin:15px 015px 12pxwidth:690pxfloat:lefttext-align:centerdisplay:inline

}

.dede_pages ul{

list-style-type: nonetext-align: center

}

.dede_pages ul li{

display: inline

}

.dede_pages ul li a{

background:#fffpadding:3px 5pxline-height:30pxmargin:0 2pxfont-family:Arial

}

.dede_pages ul li a:hover{

color:#690

text-decoration:none

padding:2px 4px 2px

}

.dede_pages ul li.thisclass,

.dede_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{

background-color:#F8F8F8

padding:2px 4px 2px

font-weight:bold

}

.dede_pages .pageinfo{

line-height:21px

padding:12px 10px 12px 16px

color:#999

}

.dede_pages .pageinfo strong{

color:#555

font-weight:normal

margin:0px 2px

}

edecms的arclist循环中,判断如果是第一个li,则添加固定的css,否则不加

写法如下:

{dede:arclist row=4 flag='p'}

<li [field:global name=autoindex runphp="yes"](@me==1)? @me="class=on":@me=""[/field:global]>[field:global.autoindex/]</li>

{/dede:arclist}

[field:global name=autoindex runphp="yes"](@me==1)? @me="class=on":@me=""[/field:global]

这句话的意思就是,如果循环出的是第一个,则添加class=on,否则为空。

注意:红色部分有两个等号。

http://www.dede58.com/a/dedejq/3210.html