Page paging is the most familiar to programmers. In WEB development, page paging is often required. The jQuery plug-in JQueryPager can easily implement the javascript paging function, and only a few lines of code are required, javascript paging is easy to handle. The instance is as follows:
Instructions for use
The jQuery library file and the JQuery Pager library file must be used (current version 1.1)
Material Preparation
The CSS sample file of the sub-page, which can be copied as the CSS sample and named pager.css.
The Code is as follows:
# 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;
}
Instance code
1. Contains the file section
The Code is as follows: