当前位置:首页 >> 建站知识 >> 详情
sousuo
sousuo

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

上传时间:2020-07-24             浏览次数:72

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

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

一、正常无链接文字

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

二、可有链接文字

翻页上的文字(包括首页尾页、上一页下一页、页码),他有很多种状态,大致是这些:

1、当前页码

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

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

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

3、可点击按钮默认状态

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

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

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

三、可有链接的图形按钮

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

1、无法点击(功能禁用)

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

2、可点击按钮默认状态

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

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

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

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

0371-56789390
公司地址

郑州市花园路东风路向西300路南弘熹台22层

联系我们