针对用户体验的网站设计
2020/08-13一、现象
分页代码需要考虑非常多的元素和状态,例如:不可用按钮、可点按钮、当前按钮,还要考虑代码居中、页码位数。所以我们规范一下写法。
二、解决办法
1、类名规范如下:
翻页:page
上一页:prev
下一页:next
箭头:arrow
当前:cur
最后一个按钮:end(能不用则不用,只有特殊情况下需要使用)
2、代码书写时要考虑按钮的多种状态
尤其是:上一页、下一页按钮,不可用状态、可点击状态、鼠标放上去或者点击时状态,都要在CSS中有所体现。
限于篇幅,代码不再赘述,请到:http://www.zhanzhangai.com/e/nav/26.html 查看具体代码。
还没有人来评论,快来抢个沙发吧!