当前位置:首页 > 技术分享 > 详情
sousuo
sousuo

22、列表翻页代码的标准写法及类名命名规范

上传时间:2020-08-13            浏览次数:662

一、现象

分页代码需要考虑非常多的元素和状态,例如:不可用按钮、可点按钮、当前按钮,还要考虑代码居中、页码位数。所以我们规范一下写法。

二、解决办法

1、类名规范如下:

翻页:page

上一页:prev

下一页:next

箭头:arrow

当前:cur

最后一个按钮:end(能不用则不用,只有特殊情况下需要使用)

2、代码书写时要考虑按钮的多种状态

尤其是:上一页、下一页按钮,不可用状态、可点击状态、鼠标放上去或者点击时状态,都要在CSS中有所体现。

限于篇幅,代码不再赘述,请到:http://www.zhanzhangai.com/e/nav/26.html 查看具体代码。

本文作者:野狼优优

十六年网站建设相关经验
一站式为您提供网站相关服务

欢迎扫码咨询

发表评论
请遵守网络文明公约,理性发言
访客头像

还没有人来评论,快来抢个沙发吧!

0371-56789390
公司地址

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

联系我们