超好用的一个JQUERY分页器
16lz
2021-01-22
jpaginate是一个自带滑动动画效果的jQuery分页插件,用户可以通过单击或只是悬停在箭头上的使页码滑动显示。
你可以用下面的方式调用插件:
$(elementID).paginate()
您可以通过一下属性来配置插件:
count:页面总数
start:默认选中页码
display:可见页码数量
border:边框(true/false)
border_color:边框颜色:
text_color:文本的颜色/号码
background_color:背景颜色
border_hover_color:边框悬停时颜色
text_hover_color:文本悬停时颜色
background_hover_color:背景悬停时颜色
images:箭头的背景图片(true/false)
mouse:鼠标拿下的动画效果(press/slide)
onChange:当点击一个网页。作为参数,单击“单击”的页面的数目可以被使用。
来个直接点的代码,更容易看。
$("#pagination0").paginate({
count : 50,
start : 1,
display : 7,
border : false,
text_color : '#888',
background_color : '#EEE',
text_hover_color : 'black',
background_hover_color : '#CFCFCF',
rotate : true,
images : false,
mouse : 'press',
onChange : function(page){
list(page-1,pageSize);
}
});
本站下载链接:jpaginate
更多相关文章
- 如何使用带有“IF”条件的按钮改变DIV的背景颜色
- 禁用焦点上的锚点()元素上的灰色边框
- JQuery滚动条插件jScrollPane的详细使用(除去点击边框)
- html中文本域选中后会出现蓝边框
- 更改所选文本的背景颜色,HTML JQUERY
- HTML新手求解。关于CSS对于li标签的active状态的背景颜色
- HTML5中canvas实现矩形颜色渐变
- 里面的获得蓝色边框
- 8.HTML5 CSS3 背景、边框与补丁相关属性