haozid1的gravatar头像
haozid1 2016-08-24 12:08:20

JS简单带省略号的分页效果

处于首页状态时,是这样的~

JS简单带省略号的分页效果

处于非首页尾页时,是这样的:

JS简单带省略号的分页效果

处于末页时,是这样的:

JS简单带省略号的分页效果

原理解释:

页码用的是LI标签,通过改变UL的margin-left值实现当前页码居中;

省略号通判断当前页码,是否显示省略号,显示和隐藏是通过display控制,显示的时候遮在页码UL标签上面;

具体逻辑请看代码,本屌丝入行不久,这个也是项目需要写出来的,只是写出效果,代码质量~~~~~~~

JS部分代码截图:

JS简单带省略号的分页效果


打赏

文件名:JS分页.zip,文件大小:2.04K 下载
  • /
    • /JS分页.html
顶部 客服 微信二维码 底部
>扫描二维码关注最代码为好友扫描二维码关注最代码为好友