当前位置：首页 > 资讯 > 技术文档

基于JQuery的Pager分页器实现代码

时间：2022-12-18 16:58 编辑：来源：阅读：
扫一扫，手机访问

摘要：基于JQuery的Pager分页器实现代码

实例效果图如下 [img]http://files.jb51.net/upload/201007/20100717124846291.png[/img] [img]http://files.jb51.net/upload/201007/20100717125129153.png[/img] [b]使用说明[/b] 需要使用jQuery库文件和[url=http://www.1sucai.cn/jiaoben/28487.html]JQuery Pager库文件[/url](目前版本1.1) [b]素材准备[/b] 分页器CSS样式文件，可复制如下CSS样式，可命名为Pager.css

[url=Pager.css]<script src="jquery.js" type="text/javascript"></script> <script src="jquery.pager.js" type="text/javascript"></script>

一个CSS样式文件，二个JS库文件。 [b]二，HTML部分(分页器显示div)[/b]

[u]复制代码[/u][/url] 代码如下:

<h1 id="result">必优博客 jQuery分页器 </h1> <div id="pager" ></div>

[b]三，javascript部分(jQuery插件JQuery Pager分页器调用)[/b]

[url=http://demo.jb51.net/js/jquery-pager/index.html]http://demo.jb51.net/js/jquery-pager/index.html[/url]