Вы не сказали, какую серверную технологию вы используете, но если вам нужно чисто клиентское решение, вы можете взглянуть на jQuery Плагин разбиения на страницы . Вот демонстрационная страница .
Просто включите jquery и плагин разбиения на страницы jquery на своей странице и используйте его,
$ (document) .ready (function () {$ (". pager "). pagination (300, {callback: pagecallback, current_page: 0, items_per_page: 5, num_display_entries: 5, next_text: 'Next', prev_text: 'Prev', num_edge_entries: 1});});
. пейджер {margin-bottom: 10px; маржа сверху: 10 пикселей; } .page-numbers {border: 1px solid #CCCCCC; цвет: # 808185; дисплей: блок; плыть налево; семейство шрифтов: Trebuchet MS, Helvetica, без засечек; размер шрифта: 130%; маржа справа: 3 пикселя; отступ: 4px 4px 3px; текстовое оформление: нет; } .page-numbers.desc {border: medium none; }. номера страниц: наведите указатель мыши {украшение текста: нет; } .pager a {color: # 808185; курсор: указатель; текстовое оформление: нет; наброски: нет; } .pager a: hover {украшение текста: подчеркивание; } .pager a: посетил {color: # 808185; наброски: нет; } .page-numbers.next, .page-numbers.prev {border: 1px solid #CCCCCC; } .page-numbers.current {background-color: # 808185; граница: 1px solid # 808185; цвет: #FFFFFF; font-weight: жирный; }.номера страниц.dots {граница: 1px сплошной #FFFFFF; }
Использовать разбиение на страницы подключаемого модуля JQuery: