手机版

超级好用的jQuery分页插件jpaginate使用示例[附带源代码下载]

时间:2021-08-28 来源:互联网 编辑:宝哥软件园 浏览:

本文展示了jQuery分页插件jpaginate的用法。分享给大家参考,如下:

Jpaginate是一个带有滑动动画效果的jQuery分页插件。用户可以通过点击或悬停在箭头上来滑动页码。

您可以通过以下方式调用插件:

$(elementID)。paginate()您可以通过以下属性配置插件:

Count:总页数start:默认选择的页码显示:可见页码的数量border:border(true/false)border _ color:text _ color:text/Background _ color:Background color border _ hover _ color:border hover color text _ hover _ color:text hover color Background _ hover _ color:Background hover color:Background hover color images:箭头的背景图片(true/false)鼠标:按下/滑动)onChange:单击网页时。作为参数,可以使用点击“点击”的页数。

来一个直接的代码,比较容易读懂。

$('#pagination0 ')。分页({ count : 50,start : 1,display : 7,border : false,text_color : '#888 ',background_color : '#EEE ',text_hover_color : '黑色',background _ hover _ color : ' # cfcf ',rotate : true,images : false,鼠标: '按下',onChange :函数}});官方示例的分页显示工作如下:

Jpaginate插件源代码可以在这里下载。

更多对jQuery感兴趣的读者可以查看本网站的主题:《jQuery扩展技巧总结》、《jQuery表格(table)操作技巧汇总》、《jQuery常见经典特效汇总》、《jquery选择器用法总结》和《jQuery常用插件及用法总结》

希望本文对大家的jQuery程序设计有所帮助。

版权声明:超级好用的jQuery分页插件jpaginate使用示例[附带源代码下载]是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。