jQuery实现分页
参考网上的资源(必优博客 http://www.biuuu.com/)
注意：CSS样式使分页导航水平显示，如果没有的话将以普通列表方式呈现。
<html>
<head>
<script type="text/javascript" src="Library/jquery1.3.1/dist/jquery.js"></script>
<script type="text/javascript" src="Library/jquery1.3.1/jquery.pager.js"></script>
<script type="text/javascript" language="javascript">
$(document).ready(function() { $("#pager").pager({ pagenumber: 1, pagecount: 15, buttonClickCallback: PageClick }); }); PageClick = function(pageclickednumber) { $("#pager").pager({ pagenumber: pageclickednumber, pagecount: 15, buttonClickCallback: PageClick }); $("#result").html("测试jQuery分页器 当前第" + pageclickednumber + "页"); }
</script>
<style type="text/css">
<!--
#pager ul.pages { display:block; border:none; text-transform:uppercase; font-size:10px; margin:10px 0 50px; padding:0; }
#pager ul.pages li { list-style:none; float:left; border:1px solid #ccc; text-decoration:none; margin:0 5px 0 0; padding:5px; }
#pager ul.pages li:hover { border:1px solid #003f7e; }
#pager ul.pages li.pgEmpty { border:1px solid #eee; color:#eee; }
#pager ul.pages li.pgCurrent { border:1px solid #003f7e; color:#000; font-weight:700; background-color:#eee; }
-->
</style>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
<h1 id="result">测试jQuery分页器 </h1> <div id="pager" ></div>
</form>
</body>
</html>
转载于:https://www.cnblogs.com/GarfieldTom/archive/2009/06/11/1501084.html
jQuery实现分页相关推荐
- Jquery前端分页插件pagination同步加载和异步加载
上一篇文章介绍了Jquery前端分页插件pagination的基本使用方法和使用案例,大致原理就是一次性加载所有的数据再分页.https://www.jianshu.com/p/a1b8b1db025 ...
- java ajax jquery分页插件_分享精心挑选的12款优秀jQuery Ajax分页插件和教程
摘要:这篇jQuery栏目下的"分享精心挑选的12款优秀jQuery Ajax分页插件和教程",介绍的技术点是"jquery_ajax分页插件.jquery_ajax.a ...
- jquery 3D分页翻转滑块
jquery 3D分页翻转滑块,jquery分页,jquery插件,jquery,3D翻转,css3分页,360度旋转,网页特效代码3D分页翻转滑块是一款使用网格样式与滑块效果分页的特效. 转载于:h ...
- Jquery的分页插件
Jquery的分页插件, 用起来还不错. 来自: http://flaviusmatis.github.io/simplePagination.js/ 下载地址: https://github.com ...
- Jquery自定义分页插件
效果: 核心代码: 自定义Jquery插件grid.js //Jquery自定义分页插件 (function($) {$.fn.grid= function(options) {var objGrid ...
- jquery.pagination 分页插件使用代码
jquery.pagination 分页插件 下载链接 http://www.jq22.com/yanshi5697 js代码内容 var listLength = '' var pageNum = ...
- jquery 表格分页等操作实现代码(pagedown，pageup)
jquery 表格分页等操作实现代码(pagedown,pageup) 没什么技术含量,先上图: 思路: 1:获取按键 2:判断当前表格行的位置 HTML结构: 复制代码 代码如下: <div ...
- 基于jquery的分页插件
一.效果图. 二.html示例. <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml">&l ...
- jquery+bootstrap分页控件
jquery+bootstrap分页控件 源码: (function ($) {$.fn.extend({ftx_pager: function (paraObj) {var total = para ...
- JQuery实现分页功能
使用JQuery实现分页功能. 1.分页栏HTML码 <div class="g-cf g-pagerwp"><div style="visibilit ...
最新文章
- ir指令、立即数的作用_立即数的判断方法一
- 工控机改装家庭智能中心--命令行配置无线wifi
- C/C 语言printf()
- java list类_java_List集合及其实现类
- UTF-8的BOM头
- Ubuntu上Qt安装以及配置完整步骤
- Windows密码查看器实现原理
- 证书制作，各个环节的原理以及推送证书制作，和如何为推送服务器提供证书
- 流程图里的形状符号的代表意义
- 模电笔记（按知识点整理版）
- Studio 3T for MongoDB
- 【复盘】互联网老辛七月复盘-年中flag
- Unity3D自制横版闯关游戏手册（1）
- 打造一流软文营销推广平台，看看媒体批发网是如何做的
- html中em使用例子,HTML DOM Emphasized用法及代码示例
- 你还在靠“喂喂喂”来测语音通话质量吗，看完这篇文章你就能掌握正确姿势。
- JS偏函数、组合函数、缓存函数
- 2021前端性能指标研究表（译）
- 与心血管疾病相关的肠道菌群代谢产物或毒素
- Android事件分发-来龙去脉