甜橘子，专注成都网站制作网站设计与营销型网站建设与优化
QQ :532337155
电话：028-86922220
这个不是前台语言来实现的主要是要访问数据库，是后台功能，一般后台语言都有比如asp php jsp 等等js只是前台，所以很难实现（除非你js很高级）
10年积累的网站制作、网站建设经验，可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你，你也不认识我。但先建设网站后付款的网站建设流程，更有柳河免费网站建设让你可以放心的选择与我们合作。
用CSS是不能分页的，分页是程序控制的。
比如说：有100条数据要在页面展示，每次展现10条，一共10页。
程序会在第一页取出1--10条数据给静态页面展示。
到第二页的时候在去11--20条数据给静态页面展示。
当然你要给程序相对应的参数，他才能从数据库里面取出来。
美工只做一个展现页面给程序员，分页就是在静态页面上某个位置写上“上一页”、“下一页”、“第一页”、“最后一页”“共多少页”，或者是数字的1、2、3、4、5、6那种，剩下的程序员就会搞定一切的。
CSS只能做装饰，不能分页。
一、字体的调整，可以才CSS文档里写入：
比如：
TD { font-family: "宋体", "楷体_GB2312", "仿宋_GB2312"; 9pt}
font-family:是字体
font-size:是字体大小
二、TD之后的字体调用：
td font color="#FF0000" 文字内容 /font /td
td font size=7 文字内容 /font /td
三：td 的参数设定（常用）：
例如：td width="48%" height="400" colspan="5" rowspan="4" align="right" valign="bottom"
bgcolor="#ff00ff" bordercolor="#808080" bordercolorlight="#ff0000"
bordercolordark="#00ff00" background="myweb.gif"
width="48%"
该一储存格宽度，接受绝对值（如 80）及相对值（如 80%）。
height="400"
该一储存格高度。
colspan="5"
该一储存格向右打通的栏数。
rowspan="4"
该一储存格向下打通的列数。
align="right"
该一储存格内字画等的摆放贴齐位置（水平），可选值为： left, center, right。
valign="bottom"
该一储存格内字画等的摆放贴齐位置（垂直），可选值为： top, middle, bottom。
bgcolor="#ff00ff"
该一储存格底色。
bordercolor="#808080"
该一储存格边框颜色。『只适用於 ie』
bordercolorlight="#ff0000"
该一储存格边框向光部分的颜色。『只适用於 ie』
bordercolordark="#00ff00"
该一储存格边框背光部分的颜色，使用 bordercolorlight 或 bordercolordark 时 bordercolor 将会
失效。『只适用於 ie』
background="myweb.gif"
调用代码
div class="pagination-wrapper"
div class="pagination"
{dede:pagelist listsize='5' listitem='info,index,end,pre,next,pageno'/}
/div
/div
css样式一
/*pages*/
.pagination-wrapper {
clear:both;
padding:1em 0 2em 0;
text-align:center;
}
.pagination {
display: inline-block;
*display: inline;
*zoom: 1;
font-size:12px;
border-radius: 3px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.pagination li{
list-style: none;
display: inline;
float: left;
line-height: 1em;
text-decoration: none;
border: 1px solid #ddd;
border-left-width: 0;
}
.pagination li a {
display: inline-block;
padding: .5em .8em;
background-color: #f9f9f9;
color: #999;
}
.pagination li a:link{
background:#fff;
color: #4C78A5;
}
.pagination li a:hover{
text-decoration:none;
}
.pagination li a:link:hover {
color: #000;
}
.pagination li.thisclass {
background-color: #f9f9f9;
color:#999;
}
.pagination li:first-child {
border-left-width: 1px;
border-radius: 3px 0 0 3px;
}
.pagination li:last-child{
border-radius: 0 3px 3px 0;
}
.pagination .pageinfo{
color: #444;
}
css样式二
/*pages*/
.pagination-wrapper{
margin: 20px 0;
}
.pagination{
height: 34px;
text-align: center;
}
.pagination li {
display: inline-block;
height: 34px;
margin-right: 5px;
}
.pagination li a{
float: left;
display: block;
height: 32px;
line-height: 32px;
padding: 0 12px;
font-size: 16px;
border: 1px solid #dddddd;
color: #555555;
text-decoration: none;
}
.pagination li a:hover{
background:#f5f5f5;
color:#0099ff;
}
.pagination li.thisclass {
background: #09f;
color: #fff;
}
.pagination li.thisclass a,.pagination li.thisclass a:hover{
background: transparent;
border-color: #09f;
color: #fff;
cursor: default;
}
page.class.php
分页文件setconfig()函数可以改变页码的显示规则
如果需要给页码加样式，在页码外面加一个div，这样样式就可以随便自己写了
ThinkPHP模版中导入CSS和JS文件的方法
常用方法
1. css使用link
2. js使用src
用tp自己的导入标签import
导入Public文件夹下面的Js目录中的test.js文件，import标签可以省略type属性,默认就是js的文件
复制代码代码如下:
import type='js' file='Js.test'
import type='css' file='Css.test'
不在Public:
复制代码代码如下:
import type='css' file='Css.test' basepath='./Other'/
Other后面不加路径中的/
使用load标签
load标签,非常简单,自动检测
复制代码代码如下:
load href='__PUBLIC__/Css/test.css' /
load href='__PUBLIC__/Js/test.js' /
ThinkPHP快速入门实例教程之数据分页
数据分页可能是web编程里最常用到的功能之一。ThinkPHP实现分页功能十分简洁。只需要定义几个参数就可以实现。并且扩展也十分方便。
下面让我们从零开始实现ThinkPHP的分页程序吧。
1.首先，我们得创建一个用于分页测试的数据库 test.sql代码如下。
2.接着，我们得新建一个ThinkPHP项目。新版tp已经内置了项目自动生成目录功能。
在htdocs(也就是你的网站根目录)下新建一个test文件夹，把THINKPHP核心文件夹放进test根目录，并在test根目录新建文件index.php，加入如下代码：
运行“”.会看到ThinkPHP的欢迎页面。再打开你的test目录看看，发现在根目录下多了一个test文件夹，此时，你的项目目录已经生成了。
打开/test/test/conf/目录，新建“config.php” ,配置好你的数据库连接。
如果你想打开调试模式，请在数组中加入
(3)从form的“action=__URL__/insert”中可以看出，进行表单处理的动作是/test/index.php/index/insert,所以我们得新增insert动作来处理表单提交数据。在此之前，我们还有一件重要的事情要做，那就是新增model文件。通过model文件的建立，我们将能在insert动作中使用便捷的方法来操作数据库了
打开/test/test/lib/model/文件夹，新建文件TestModel.class.php.打开他，输入并保存以下代码
(4)接下来，我们需要在IndexAction类中增加一个首页默认显示动作index()来调用表单数据。
我们该设置一个模板了。在/test/test/tpl/default/index/下新建index.html(因为默认对应了index()。所以程序中可以直接assign.而不用去指定模板文件。当然，这是可以配置的。)
保存他。接着输入
恭喜你。你已经学会了如何利用thinkphp制作分页了！