jquery分页插件

jquery 之简单好用的分页插件的使用方法 jQuery分页插件pageGroup.js 实现效果: 实现方法: 1.先下载 pageGroup.js 引入到页面中;(jquery 也是必不可少的!) 我把代码放这里吧: function pageGroup(pageNum,pageCount){switch(pageNum){case 1:page_icon(1,5,0);break;case 2:page_icon(1,5,1);break;case pageCount-1:page_icon(pageCount-4,pageCount,3);break;case pageCount:pa 阅读详情

1、支持jquery1.8以上版本

2、效果图

jquery分页插件 - 河边的小木桥 - 河边的小木桥

 

3、参数说说明:

pageCount:总页数

current:当前页

goFn:跳转页回调函数

backFn:点击页码回调函数

4、代码调用

$(function(){
//分页
$(".pager").createPage({
pageCount:10,
current:1,
goFn:function(cp){alert(cp);},
backFn:function(cp){alert(cp);}
});
});

5、demo

需要引入文件

<link rel="stylesheet" href="css/pager.css" />
<script src="js/jquery.js"></script>
<script src="js/jquery.page.js"></script>

示例:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<link rel="stylesheet" href="css/pager.css" />
<script src="js/jquery.js"></script>
<script src="js/jquery.page.js"></script>

<script>
$(function(){
//分页
$(".pager").createPage({
pageCount:10,
current:1,
goFn:function(cp){alert(cp);},
backFn:function(cp){alert(cp);}
});
});
</script>
</head>
<body>

<div class="pager"></div>
</body>
</html>


6、demo 下载


简单易用的jQuery分页插件及使用示例 EasyPaginate.js是一个轻量级的jQuery插件,它提供了简单的分页功能,可以方便地将长列表或表格数据划分为多个页面。分页是在网页中展示大量数据时常用的一种方式,它将数据划分为多个页面,使用户能够方便地浏览和导航。在本文中,我们将介绍一个简单易用的jQuery分页插件,并提供使用示例。首先,确保在页面中引入了jQuery库和EasyPaginate.js插件。这就是使用EasyPaginate.js插件实现分页的基本步骤。接下来,创建一个包含数据的容器元素,以及用于显示分页的元素。 阅读详情

相关推荐

jQuery分页插件:打造酷炫的播放器式分页效果

本文还有配套的精品资源,点击获取 简介:jQuery分页插件是一种利用jQuery、HTML5、CSS和JavaScript技术实现的分页工具,其设计灵感源自音乐或视频播放器的界面,提供视觉上独特且用户友好的分页体验。它通过监听用户操作动态加载或隐藏内容,避免一次性加载所有内容造成的性能问题。 1. jQuery分页插件工作原理 jQuery分页插件是一种通...

weixin_29607511的博客 1061

jQuery pagination分页插件

插件介绍 此jQuery插件为Ajax分页插件,一次性加载,故分页切换时无刷新与延迟,如果数据量较大不建议用此方法,因为加载会比较慢。 因为用到了ajax请求,想要看到效果,必须放到iis站点中运行,及把相关文件放到vs新建项目中预览 实现效果 配置信息 pageCount:总页数(默认值:9) totalData:数据总条数(默认值:0) showData:每页展示条数(默认值:0) current:当前第几页(默认值:1) prevCls:上一页class样式(默认值:'p.

qq_22325259的博客 5592

jQuery实现分页插件

jQuery分页插件,代码少兼容性好,好用简单,快速集成。

jQuery实现简单分页(jqPaginator插件)

jQuery实现简单分页(jqPaginator插件),前后端交互

fish的博客 4730

SAP-MM-采购申请字段解析

采购申请抬头以及行项目字段解析

yanzibing99的博客 7306

高压脉冲发生器的各种电路图

高压脉冲发生器的各种电路图

qq_65102825的博客 5904

jquery 封装的分页插件(包括上一页,下一页,跳转)

jquery 封装的分页插件,包含如何调用

weixin_42388872的博客 1227

ISCE2+MintPy环境搭建实战:用Anaconda五分钟搞定InSAR处理全家桶

本文提供了一份详细的ISCE2+MintPy环境安装教程,旨在帮助InSAR处理初学者快速搭建开发环境。通过使用Anaconda创建虚拟环境并配置国内镜像,用户可在五分钟内一键安装ISCE2和MintPy全家桶,有效解决依赖冲突和版本兼容性问题,让用户能专注于数据处理本身。

2y3u4i5o6p的博客 1004

jQuery分页插件使用

jquery.tabulation.js插件介绍 jquery.tabulation.js是一款兼容bootstrap的jQuery分页插件。该插件可将一组同级元素转换为分页或tabs,提供回调函数,实现可分页功能。 一、jquery.tabulation.js插件使用方法 首先是引入一些基础的资源问价,包括jquery和jquery.tabulation.js文件。 <script src...

H&B Blog 1089

MySQL常见面试题汇总(建议收藏!!!)

目录一、索引相关(1)什么是索引?(2)索引是个什么样的数据结构呢?(3)为什么使用索引?(4)Innodb为什么要用自增id作为主键?(5)Hash 索引和 B+ 树索引有什么区别或者说优劣呢?(6)什么是聚簇索引(6)非聚簇索引一定会回表查询吗?(6)聚簇索引和非聚簇索引的区别(6)MyISAM和InnoDB实现B+树索引方式的区别是什么?(6)MySQL中有四种索引类型,可以简单说说吗?(6)覆盖索引是什么?(6)联合索引是什么?为什么需要注意联合索引中的顺序?(6)创建的索引有没有被使用到?或者说怎

蔡政洁的博客 7万+

改进yolov8|BackBone改进:PWConv、FasterNeXt替换yolov8主干网络

各位哥哥姐姐弟弟妹妹大家好,我是干饭王刘姐,主业干饭,主业2.0计算机研究生在读。和我一起来改进yolov8变身计算机大牛吧!本文中的论文笔记都是刘姐亲自整理,原创整理哦~

weixin_44379985的博客 749

jQuery分页插件的使用

jQuery分页插件的使用 jQuery分页插件的优缺点 优点: 1. jQuery分页器的使用快捷简便。 2. jQuery分页器很大程减少了开发过程中的工作量,引入相应html结构和js文件即可生成对应的结构样式。 缺点: 1. 存在点击页面元素删除时会直接跳转首页的bug,需要使用时进行预处理。 jQuery分页插件使用方式 第一步:下载相应的文件包 1、登录jQuery网站链接:lin...

weixin_45928512的博客 1160

uniapp - 强力解决H5网页浏览器跨域问题,如何解决uniapp请求接口在浏览器跨域问题,UniApp H5 跨域代理配置详细教程完美解决所有uniapp跨域(调用第三方接口或服务器api跨域)

uni-app 跨域,uniApp解决h5跨域问题,解决uni-app请求接口在浏览器跨域问题,uni.request请求跨域问题解决方案,uni-app-跨域解决方法,彻底解决uniapp发布为H5的跨域问题,uniapp H5页面设置跨域请求_uniapp h5跨域配置,uniapp开发 H5 解决跨域问题,uniApp请求解决跨域问题,uniapp request如何实现前端请求跨域,解决uniapp调试过程中的请求跨域和环境配置,Uniapp调用外部api接口跨域请求,uni-app发布H5页面跨域

🏆 前端领域优质创作者 5354

基于jquery的分页插件

一、效果图。 二、html示例。 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <title>jquery的分页插件</title> <link rel="icon" href="../../img/favicon.ico" type="image/ico"> <

似水流年风萧兮 978

【LAMMPS学习】八、基础知识(4.5)TIP5P水模型

​ 五点 TIP5P 刚性水模型通过添加两个通常无质量的附加位点 L 来扩展three-point TIP3P model,其中放置与氧原子相关的电荷。这些位点 L 位于距氧原子固定距离处,形成从 HOH 平面旋转 90 度的四面角。因此,这些位点在某种程度上近似于氧的孤对,从而改善了水结构,与four-point TIP4P model相比变得更加“四面体”。

荷塘阅色 1421

FAST-LIVO2 源码精读(五):IMU 运动模型、离散传播与去畸变原理

本文是「FAST-LIVO2 激光-惯性-视觉里程计源码精读」专栏第五篇,数学基础篇章(第 4–7 篇)的第二篇。上一篇在 SO(3) 流形上建立了姿态表示与右扰动模型;本篇聚焦 IMU 预积分的核心问题:一帧激光扫描横跨约 100 ms,帧内每一个点的采集时刻各不相同,如何利用 200 Hz 的 IMU 量测将全帧点云统一对齐到帧末时刻?答案完整封装在(587 行)的函数中,本篇逐段拆解其四阶段逻辑,并推导协方差矩阵随误差状态转移矩阵F_x逐帧演化的物理含义。

PX4-SLAM-PNC 158

Jquery 分页插件

1. 背景 找到一款自认为不错的分页组件,《js版的QuickPager分页控件 V2.0》,想下载完整的资源,js/css等,不过找了一会,没找到,联系博主也没有回复。那直接看了页面引用了js文件,下载下来改写了一下,同时借此机会进一步掌握封装jquery组件。虽说有重复造轮子之嫌,不过只有重复造了轮子,才能更好的掌握。不是曾经有位大神说过,“看再多的框架,不如亲自动手写一个框架。” 效果图 代码地址 https://gitee.com/zhengyis/jquery-pagination.git 2

明天也要努力的博客 846

Devexpress16.2.6破解工具

Devexpress16.2.6破解工具Devexpress16.2.6破解工具Devexpress16.2.6破解工具Devexpress16.2.6破解工具

java ajax jquery分页插件_jquery ajax分页插件的简单实现

说到基于jQuery的ajax分页插件,那我们就先看看主要的代码结构:1、首先定义一个pager对象:var sjPager = window.sjPager = {opts: {//默认属性pageSize: 10,preText: "pre",nextText: "next",firstText: "First",lastText: "Last",shiftingLeft: 3,shiftin...

weixin_39539764的博客 193

SIMATIC S7-1200, S7-1500 PID 控制[手册]

SIMATIC S7-1200, S7-1500 PID 控制[手册]

假人有限元模型

假人模型,车辆碰撞假人有限元模型,适合做乘员安全的研究者利用

jQuery 分页插件 jPages 使用

jQuery 分页插件 jPage实现了javascript分页。操作很傻瓜,在此记录一下。  使用方式如下: 1.引入头文件(注意一定要把jQuery放在前面): 此处使用了动画效果 $(function(){ $("div.holder").jPages({ containerID : "itemContainer",

雷霄骅(leixiaohua1020)的专栏 2万+

汉书HE8,好用的汇编代码编写工具

汉书HE8,好用的汇编代码编写工具早期编写汇编代码所用功能强大

jQuery分页插件

插件描述:jQuery分页插件,可自定义样式,默认有五套样式,可自定义插件选项,简单方便 素材在文末 使用方法: 1.引入样式和脚本 2.调用插件 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

24号同学的博客 1081

html页码插件,最实用的jQuery分页插件

在做商城和订单管理的时候,常常会用到分页功能,所以我封装了一个jQuery的分页插件,该插件主要实现上下翻页,输入数字跳转等功能。具体实现如下:输入参数需要当前页码pageNo,总页码totalPage,回调函数callback。主要的实现有两个函数,一个是根据当前页和总页数生成相应的html的代码,一个是事件绑定及回调函数的执行。creatHtml函数:creatHtml:function(){...

weixin_35857552的博客 1113

jquery分页插件_jQuery分页插件

jquery分页插件 这篇热门文章已于2017年2月更新,以反映jQuery分页插件的当前状态。 呈现冗长而笨拙的结果列表通常是显示信息的一种糟糕方法。 这就是为什么分页(尤其是内容较长的分页)对于正确设置很重要。 服务器端分页通常用于获取分页的内容,显示一组分为页面的结果(通常具有唯一的URL)。 尽管这很好,但客户端分页是另一种解决方案。 让我们来看看一些基于jQuery的插件,您可以...

364

jQuery分页插件jquery.tabulation.js

jquery.tabulation.js插件介绍 jquery.tabulation.js是一款兼容bootstrap的jQuery分页插件。该插件可将一组同级元素转换为分页或tabs,提供回调函数,实现可分页功能。 jquery.tabulation.js插件使用方法 首先是引入一些基础的资源问价,包括jquery和jquery.tabulation.js文件。 <script sr...

阳光下的冷静的博客 660

java ajax jquery分页插件_浅谈jQuery Pagination Ajax 分页插件的使用

插件介绍此插件是jQuery的ajax分页插件。分页切换时无刷新也无延迟,因为是一次性加载的。如果你用到此插件作分页的时候,涉及到的数据量大,建议不要使用此插件,因为加载慢会导致用户体验不好!插件使用此插件使用比较简单。主要引入以下文件就可以用了1.jquery.js依赖库2.pagination.css 这个主要是样式,我们在元素使用的时候将分页列表放在class类为pagination的标签内...

weixin_30010773的博客 184
上一篇: js 返回上一页的几种方法
下一篇: UrlRewriteFilter 实现url伪静态化
NFA_YY
博客等级 码龄12年 4粉丝 140原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值