分页效果实现

JS实现:

1.页的标签是一些<a>标签,设置一个变量表示当前页,则只有当前页的<a>标签的内容是数字,其他为[数字]


2.可通过 函数名({json}) 的方式给函数传参,这样函数只需要写一个形参就好

3.json中传递的参数包括<a>标签的父元素id,当前页,总页数和回调函数。


4.调用的函数的处理思路:
1.判断是否传进id,没有则返回false。


2.按照 首页>上一页>显示的可点击页数>下一页>尾页 的顺序处理逻辑。
3.逻辑处理一般为判断当前页和总页数,再创建<a>标签,为其href属性添加对应的页数,内容则根据是否需要添加[]来确定,最后append到父元素中。


还可以用jQuery UI等库十分简便地实现,具体可查看相关资料。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值