网站翻页代码书写，需要注意这些状态

网站翻页，实际上是网站的一个比较重要的功能，主要是内容列表中使用，我们发现有很多网站建设公司这个地方的细节都做的并不好。这里就来简单的讲一下这个内容。

对于翻页来讲，主要有以下几种组件及其状态：

一、正常无链接文字

比如说“共390条记录，当前第1页（共20页）”，这种描述性文字需要有样式制作和设计。

二、可有链接文字

翻页上的文字（包括首页尾页、上一页下一页、页码），他有很多种状态，大致是这些：

1、当前页码

这个状态一般会高亮、不可点击。

2、非当前页码但无法点击（功能禁用）

比如已经是第一页了，上一页不存在，这个时候就要把“上一页”按钮做成不可点击状态。这个状态在上一页、下一个都可能会用到。

3、可点击按钮默认状态

可点击的页码和首页尾页按钮，在默认状态下会有一个状态。

4、可点击按钮鼠标放上去的状态

当按钮可以点击的时候，就要做一个鼠标放上去之后的样式了。

三、可有链接的图形按钮

上一页下一页，有的不做成文字，可能会设计成图片，这个时候就要写一个特殊的样式了，他可能会遇到三种状态：

1、无法点击（功能禁用）

比如已经是第一页了，上一页不存在，这个时候就要把“上一页”按钮做成不可点击状态。这个状态在上一页、下一个都可能会用到。

2、可点击按钮默认状态

可点击的页码和首页尾页按钮，在默认状态下会有一个状态。

3、可点击按钮鼠标放上去的状态

当按钮可以点击的时候，就要做一个鼠标放上去之后的样式了。

所以，对于一个翻页按钮来讲，算起来，可能需要1+4+3=8种状态。在设计翻页按钮的时候要充分考虑各种状态下的样式，在写css的时候也是要充分考虑各种状态下的按钮表现情况，否则就容易出现一些BUG，让翻页功能不那么完美。