基于JQuery的寻呼机分页器实现代码

实例效果图如下

使用说明需要使用jQuery库文件和JQuery寻呼机库文件（目前版本1.1) 素材准备分页器半铸钢钢性铸铁(铸造半钢)样式文件，可复制如下半铸钢钢性铸铁(铸造半钢)样式，可命名为Pager.css复制代码代码如下： #寻呼机ul。页面{显示：块；border : none text-transform :大写；font-size :10 px余量余量：10px 0 50px划水：0;} #寻呼机ul。页面李{列表式：无；float:leftborder:1px固体# ccc文本装饰：无；margin :0 5px 0 0 padd :5 px } #寻呼机ul。页面Li :悬停{边框：1 px实心# 003 f7e} #寻呼机ul。李。pg empty { border :1 px solid # eee；color: # eee} #寻呼机ul。李。pg current { border :1 px solid # 003 f7e；color : # 000 font-weight :700；背景色： # eee} 实例代码一，包含文件部分复制代码代码如下：链接href=' Pager.css ' rel='样式表type='text/css' /脚本src=' http : jquery。js ' type=' text/JavaScript '/脚本脚本src=' http : jquery。寻呼机。js ' type=' text/JavaScript '/脚本一个半铸钢钢性铸铁(铸造半钢)样式文件，二个射流研究…库文件。二，HTML部分（分页器显示div)复制代码代码如下： h1 id='result '必优博客jQuery分页器/h1 div id='寻呼机/div三，javascript部分(jQuery插件JQuery寻呼机分页器调用)复制代码代码如下：脚本类型='text/javascript '语言='javascript' $(文档)。ready(function() { $('#pager ')).寻呼机({ pagenumber: 1，pagecount: 15，button click callback : page click })；});page click=function(page click ed number){ $(' # pager ').寻呼机({页码：页面点击数，pagecount: 15，buttonclickcallback :页面点击})；$(“# result”).html(")必优博客jQuery分页器当前第' pageclickednumber '页');}/脚本四，javascript代码(JQuery寻呼机调用)分析(1)$(' #寻呼机')。寻呼机({ });部分页码，表示初始页数，如：1页数，表示总页数，如：15按钮单击回拨，表示点击分页数按钮调用的方法，如：页面点击(2)页面点击=功能(页面点击ednumber){ }部分页面点击，表示自定义点击分页数时的功能方法，如：函数(pageclickednumber){} jQuery插件JQuery寻呼机分页器只需要起始页数页码，最大页数页数，点击页数时的调用按钮单击回调的功能方法就可实现爪哇岛描述语言分页功能，实际应用中只需对页面点击方法进行简单修改就可使用，如将页码和页数设为变量，可通过得到的方法进行页数值传递，JQuery寻呼机就可实现爪哇岛描述语言分页功能，其它可自行扩展，同时对jQuery插件JQuery寻呼机分页器按钮单击回调方法实现丰富的动态效果，供参考。演示代码：http://演示。JB 51。net/js/jquery-寻呼机/索引。超文本标记语言