تأثير:
أتش تي أم أل:
انسخ رمز الكود كما يلي:
<div معرف = "صفحة"></div>
الاستخدام:
انسخ رمز الكود كما يلي:
إجمالي فار = 310؛
فار pageNo = 1;
var pageCount = 31;// كم عدد الصفحات الموجودة إجمالاً؟
فار pageSize = 10;
var actionName = "list.action";
varotherParam = "&name='www'&order='time'";
$(وظيفة(){
مصفح ()؛// مصفح}
);
المغلق:
انسخ رمز الكود كما يلي:
#صفحة{
حجم الخط: 14 بكسل؛
واضح: كلاهما؛
الحشو العلوي: 1.45 مم؛
المساحة البيضاء: nowrap؛
}
#الصفحة أ{
الخلفية: أبيض؛
الحدود: 1 بكسل صلب #E7ECF0؛
العرض: كتلة مضمنة؛
الارتفاع: 22 بكسل؛
ارتفاع الخط: 22 بكسل؛
الهامش الأيمن: 5 بكسل؛
محاذاة النص: مركز؛
زخرفة النص: لا شيء؛
محاذاة رأسية: وسط؛
العرض: 23 بكسل؛
}
#pagePre،#pageNext{
}
.الصفحة الحالية{
وزن الخط: غامق؛
}
شبيبة:
انسخ رمز الكود كما يلي:
وظيفة ماكباجينات () {
var $pageDiv = $("#page");
actionName = actionName + "?pageSize="+pageSize;
if(typeofotherParam != 'undef' &&otherParam != ""){
actionName = actionName +otherParam;
}
$pageDiv.append("page"+pageNo+"/total"+pageCount+"page");
// الصفحة السابقة
إذا (رقم الصفحة > 1){
var hf = actionName + "&pageNo="+(pageNo-1);
$pageDiv.append("<a href='"+hf+"' style='width: 65px;'>"+"الصفحة السابقة"+"</a>");
};
إذا (عدد الصفحات <= حجم الصفحة) {
for(var i=0;i <pageCount;i++){
var hf = actionName + "&pageNo="+(i+1);
if(pageNo == (i+1)){// الصفحة الحالية
$pageDiv.append("<a href='"+hf+"' class='pageCurrent'>"+pageNo+"</a>");
}آخر{
$pageDiv.append("<a href='"+hf+"'>"+(i+1)+"</a>");
};
};
}آخر{
for(var i=0;i <pageSize;i++){
فار midIndex = 0;
إذا(pageSize%2 == 0){
midIndex = pageSize/2 - 1;
}آخر{
midIndex = pageSize/2;
}
var num = -midIndex;
var showPageNum = pageNo+i+num;
إذا (showPageNum > 0 && showPageNum <= pageCount){
var hf = actionName + "&pageNo="+showPageNum;
if(pageNo == showPageNum){// الصفحة الحالية
$pageDiv.append("<a href='"+hf+"' class='pageCurrent'>"+showPageNum+"</a>");
}آخر{
$pageDiv.append("<a href='"+hf+"'>"+showPageNum+"</a>");
};
};
};
}
// الصفحة التالية
إذا (رقم الصفحة < عدد الصفحات) {
var hf = actionName + "&pageNo="+(pageNo+1);
$pageDiv.append("<a href='"+hf+"' style='width: 65px;'>"+"الصفحة التالية"+"</a>");
};
$pageDiv.append("اذهب إلى "+"<input type='text' class='goNum' style='width:30px;' name='goNum'>page<input type='button' name='goButton' class='goButton' value='OK'>");
$(".goButton").انقر(function(){
var goNum = $(".goNum").val();
إذا (goNum! = "") {
window.location.href = actionName + "&pageNo="+goNum;
}
});
};