Давайте сначала посмотрим на визуализации:
Simple Paging JS код:
1. Описание эффекта:
плагин jquery, который может отображаться без страниц
Плагин Paging Paging - jQuery.page.js очень прост в использовании и имеет большой эффект
2. Метод звонка:
$ («. Pagecount: общее количество страниц Текущее: текущая страница
3. код инкапсуляции JS
// Плагин странификации/** ch **/(function ($) {var ms = {init: function (obj, args) {return (function () {ms.fillhtml (obj, args); ms.bindevent (obj, args);}) ();}, // fill html fillhtml: function (objs); obj.empty (); && args.pagecount! = 4) {obj.append ('<a href = "javascript :;">'+1+ '</a>'); -2, end = args.current+2; 1) {if (start! args.pagecect> 5) {obj.append ('<pan> ... </span>'); // Следующая страница if (args.current <args.pagecount) {obj.append ('<a href = "javascript :; }, // Связанное событие BindEvent: function (obj, args) {return (function () {obj.on ("click", "a.tcdnumber", function () {var current = parseint ($ (this) .text ()); ms.fillhtml (obj, {"current": current, "pagecunt": args.pagent}; if (typeof (args.backfn) == "function") {args.backfn (current); Ms.fillhtml (obj, {"current": current-1, "pagecount": args.pagecount}); Parseint (obj.children ("span.current"). Text (); }}}); }}} $ .fn.createPage = function (options) {var args = $. Ms.init (это, Args); }}) (jQuery);4. Используйте демонстрацию:
<! Doctype html> <html lang = "zh-cn" xmlns = "http://www.w3.org/1999/xhtml"> <Head> <meta charset = "utf-8"/> <Title> очень простой плагин Paging Plagin </title> <stlee> *{margin: 0; Заполнение: 0; СПИСКИ СПИСКИ: none;} a {text-decoration: none;} a: Hover {text-decoration: none;} .tcdpageCode {Padding: 15px 20px; текстовый Align: left; color: #ccc;} .tcdpageCode a {display: inline-block; #428bca; высота линии: 25px; Подкладка: 0 10px; граница: 1px sold #ddd; Маржа: 0 2px; граница-радиус: 4px; вертикальный Align: Middle;} .tcdpageCode a: Hover {text-decoration: none; граница: 1px solid #428bca;} .tcdpagecode span.current {отображение: inline-block; height: 25px; line-height: 25px; 0 10px; 0 10px; 2px; цвет: #fff; фоновый цвет: #428bca; Граница: 1px solid #428bca; граница-радий: 4px; вертикальный-аллект: средний;} .tcdpagecode span.disabled {дисплей: inline-block; высота: 25px; линия-высота: 25px; накладка: 0 10px; Margin: 0 2px; Color: #bfbbf; found: #f2f2f2; #bfbf; граница-радиус: 4px; vertical-align: middle;} </style> </head> <body> <style> .baidu_ads {width: 960px; Высота: 90px; позиция: абсолютно; Слева: 50%; Внизу: 0; Мяглевая маржа: -480PX; переполнение: hidden;} </style> <div> </div> <span style = "display: none;"> </span> <!-кодовая часть начинается-> <div> </div> <pre> Метод вызова: $ (". PageCount: общее количество страниц: текущая страница </pre> </body> <script src = "// www.vevb.com/ajaxjs/jquery.min.js"> </script> <script src = "// www.vevb.com/ajaxjs/jquery.page.page.js"> </script> <cript> <cript> <cript> <cript> <cript> <cript> <cript> </script> </script> </script> </script> <cript> <cript> <cript> <cript> <cript> $ («. </script> <!-кодовая часть конца-> </html>Выше приведено в этой статье, я надеюсь, что для всех будет полезно изучать JavaScript.