دعونا نلقي نظرة على الاداءات أولاً:
رمز JS البسيط البسيط:
1. وصف التأثير:
المكون الإضافي jQuery الذي يمكن عرضه بدون ترقيم الصفحات
المكوّن الإضافي JQuery Paging - jQuery.page.js سهل الاستخدام للغاية وله تأثير كبير
2. طريقة الاتصال:
$ (". PageCount: إجمالي عدد الصفحات الحالية: الصفحة الحالية3. رمز التغليف JS
// pagination plugin/** ch **/(function ($) {var ms = {init: function (obj ، args) {return (function () {ms.fillhtml (obj ، args) ؛ ms.bindevent (obj ، args) ؛}) () ؛ OBJ.Empty () && args.pageCount! = 4) {obj.append ('<a href = "javaScript: ؛ -2 ، end = args.current+2 ؛ 1) {if (start! = args.current) {obj.append ('<a href = "javaScript: ؛" + start +' </a> ') ؛ args.pageCount> 5) {obj.append ('<span> ... </span>') ؛ // الصفحة التالية (args.current <args.pageCount) {obj.append (<a href = "javaScript: ؛" } ، // binding Event BindEvent: function (obj ، args) {return (function () {obj.on ("click" ، "a.tcdnumber" ، function () {var current = parseint ($ (this) .text ()) ؛ Ms.FillHtml (obj ، {"current": "pagecount" if (typeof (args.backfn) == "function") {args.backfn (current) ؛ Ms.fillhtml (OBJ ، {"Current": "PageCount": args.pageCount}) ؛ Parseint (Obj.Childer ("span.current"). }}}) ؛ }}} دولار. Ms.Init (هذا ، args) ؛ }}) (jQuery) ؛4. استخدم العرض التوضيحي:
<! doctype html> <html lang = "zh-cn" xmlns = "http://www.w3 الحشو: 0 ؛ قائمة القائمة: none ؛} a {text-decoration: none ؛} a: hover {text-decoration: none ؛} .tcdpageCode {padding: 15px 20px ؛ text-align: left ؛ color: #ccc ؛} .tcdpagecode a {display: collock ؛ رفع الخط: 25 بكسل ؛ Padding: 0 10px ؛ الحدود: 1 بكسل Solid #DDD ؛ الهامش: 0 2px ؛ الحدود الحدودية: 4px ؛ محاذاة رأسية: الأوسط ؛} .tcdpagecode a: hover {text-decoration: none ؛ الحدود: 1px الصلبة #428bca ؛} .tcdpagecode span.current {display: inline ؛ Quant ؛ 2px ؛ اللون: #fff ؛ خلفية اللون: #428bca ؛ الحدود: 1px الصلبة #428bca ؛ الحدود الحدودية: 4px ؛ المحاذاة العمودية: الوسط ؛ #bfbf ؛ الحدود radius: 4px ؛ align العمودي: middle ؛} </style> </head> <body> <style> .baidu_ads {width: 960px ؛ الارتفاع: 90 بكسل ؛ الموقف: مطلق ؛ اليسار: 50 ٪ ؛ أسفل: 0 ؛ Margin-Left: -480px ؛ تجاوز: مخفي ؛} </style> <viv> </viv> <span style = "display: none ؛"> </span> <!-part part begin-> <viv> </viv> <pre> طريقة الاتصال: $ (". tcdpageCode"). pagecount: إجمالي عدد الصفحات: الصفحة الحالية </pre> </body> <script src = "// www.vevb.com/ajaxjs/jquery.min.js"> </script> <script src = "// www.vevb.com/ajaxjs/jquery.page.js $ (". </script> <!-نهاية جزء الكود-> </html>ما سبق هو كل شيء عن هذا المقال ، آمل أن يكون من المفيد للجميع تعلم جافا سكريبت.