首页 >> js开发 >> jsJS实现分页导航效果js大全
jsJS实现分页导航效果js大全
发布时间: 2021年1月13日 | 浏览:
| 分类:js开发
前言前言最近的项目需要添加一个分页导航的功能,没有用网上封装好的文件。通过JS自己简单实现了效果。下面和大家分享一下。内容内容下图为首次加载后的效果,默认显示5页,当点击下一页时将选中页面的页码置于中间下面让我们来看看实现的代码第一部分是在页面显示内容的处理第一部分第一部分
function SetListPage() {
$.ajax({
type: "GET",
url: "ajax/PhoneList.ashx?",
datatype: 'json',
success: function (data, textStatus) {
var li_list = "";
if (data != "") {
var cc = jQuery.parseJSON(data);
//转换Json对象
var pagesize = 6;
//设置每页显示数
var pagecount = Math.ceil(cc.length / pagesize); //获取页数
SetPageCount(pagecount);
//设置跳转页签
for (var j = 0, l = pagecount; j < l; j++) {
//设置页面内容
if (j == 0) {
li_list += "";";
function SetListPage() {
$.ajax({
type: "GET",
url: "ajax/PhoneList.ashx?",
datatype: 'json',
success: function (data, textStatus) {
var li_list = "";
if (data != "") {
var cc = jQuery.parseJSON(data);
//转换Json对象
var pagesize = 6;
//设置每页显示数
var pagecount = Math.ceil(cc.length / pagesize); //获取页数
SetPageCount(pagecount);
//设置跳转页签
for (var j = 0, l = pagecount; j < l; j++) {
//设置页面内容
if (j == 0) {
li_list += "