今天我就来跟大家伙儿聊聊我做分页样式的那点事儿。我就是直接在网上扒拉现成的代码,心想着能跑就行呗!
第一步:扒拉代码,能用就行
我在网上找个看着还行的分页代码,直接就给它拽到我的项目里。你还别说,当时还真能用!也没细想,就觉得能用就行呗,省事儿!
第二步:发现问题,这玩意儿不好使!
可是用着用着,就发现问题。这分页样式跟我网站的整体风格不搭,看着别扭!而且有时候页面一多,那一排数字挤在一块儿,看着都眼晕,用户体验也不
第三步:自己动手,丰衣足食
这咋办?还得自己动手!我先去网上搜搜各种分页样式,看看人家是怎么设计的。这一看,还真学到不少东西!
第四步:开始捣鼓,各种尝试
- 我把原来那数字改成 “上一页” 和 “下一页”,这样看着就清楚多,也方便用户点击。
- 然后,我给当前的页码加个背景颜色,让它突出显示,这样用户就知道自己在哪一页。
- 我还加个 “首页” 和 “尾页” 的按钮,方便用户直接跳到第一页或者一页。
- 我还限制一下显示的页码数量,比如只显示当前页码的前后各两个页码,中间的用省略号代替。这样页面就不会因为页码太多而显得太长。
第五步:反复修改,精益求精
这中间也反复修改好多次,比如调整一下颜色、改改字体大小、试试不同的布局等等。反正就是不断地尝试,直到自己看着顺眼、用着舒服为止。
第六步:大功告成,分享给大家
总算是捣鼓出一个自己比较满意的分页样式!虽然说不上有多么高大上,但起码看着顺眼,用着也方便。今天就分享给大家,希望对大家有所帮助!
总结
这回做分页样式的经历,让我深刻体会到 “实践出真知” 这句话的含义。只有亲自动手去做,才能发现问题,才能找到解决问题的办法。而且做东西不能只追求 “能用”,还要考虑用户体验,要精益求精,这样才能做出真正好用的东西!
免责声明:由于无法甄别是否为投稿用户创作以及文章的准确性,本站尊重并保护知识产权,根据《信息网络传播权保护条例》,如我们转载的作品侵犯了您的权利,请您通知我们,请将本侵权页面网址发送邮件到qingge@88.com,深感抱歉,我们会做删除处理。