基于JQuery的Pager分页器实现代码_jquery
时间：2021-07-01 10:21:17
帮助过：5人阅读
实例效果图如下
使用说明 需要使用jQuery库文件和JQuery Pager库文件(目前版本1.1)
素材准备 分页器CSS样式文件，可复制如下CSS样式，可命名为Pager.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;
}
实例代码 一，包含文件部分 代码如下:
