쿼리 페이징 플러그인 코드 공유

JavaScript를 사용하여 함수 를 배포하고 페이지 매기기 링크를 생성하면 HTML 코드 트래픽을 많이 절약할 수 있습니다!

(function($){
$.fn.pagination=function(pagecount,page,surl){
var $box=$(this).empty();var shtml=''
if(pagecount<=1){$box.css({&#39;height&#39;:4,&#39;padding&#39;:0});return $box;}
//$box.css({&#39;padding&#39;:&#39;6px 0 6px 6px&#39;,&#39;height&#39;:&#39;20px&#39;});
if(page==1)shtml+=&#39;<a href="#" target="_self">&laquo;</a>&#39;;else shtml+=&#39;<a href="&#39;+surl.replace("$",(page-1))+&#39;" target="_self">&laquo;</a>&#39;;
if(pagecount<11){for(var i=1;i<=pagecount;i++){if(i==page)shtml+=&#39;<a href="&#39;+surl.replace("$",i)+&#39;" class="c" target="_self">&#39;+i+&#39;</a>&#39;;else shtml+=&#39;<a href="&#39;+surl.replace("$",i)+&#39;" target="_self">&#39;+i+&#39;</a>&#39;;}}
else{if(page<=10){for(var i=1;i<=10;i++){if(i==page)shtml+=&#39;<a href="&#39;+surl.replace("$",i)+&#39;" class="c" target="_self">&#39;+i+&#39;</a>&#39;;else shtml+=&#39;<a href="&#39;+surl.replace("$",i)+&#39;" target="_self">&#39;+i+&#39;</a>&#39;;}}else if(pagecount-page<10){for(var i=pagecount-9;i<=pagecount;i++){if(i==page)shtml+=&#39;<a href="&#39;+surl.replace("$",i)+&#39;" class="c" target="_self">&#39;+i+&#39;</a>&#39;;else shtml+=&#39;<a href="&#39;+surl.replace("$",i)+&#39;" target="_self">&#39;+i+&#39;</a>&#39;;}}else{for(var i=page-5;i<page+5;i++){if(i==page)shtml+=&#39;<a href="&#39;+surl.replace("$",i)+&#39;" class="c" target="_self">&#39;+i+&#39;</a>&#39;;else shtml+=&#39;<a href="&#39;+surl.replace("$",i)+&#39;" target="_self">&#39;+i+&#39;</a>&#39;;}}}
if(page==pagecount)shtml+=&#39;<a href="#">&raquo;</a>&#39;;else shtml+=&#39;<a target="_self" href="&#39;+surl.replace("$",(page+1))+&#39;">&raquo;</a>&#39;;
if(pagecount>10){shtml+=&#39;<span>跳转到 </span>&#39;;shtml+=&#39;<input type="text" size="2" maxlength="4" value="&#39;+page+&#39;" />&#39;;
shtml+=&#39;<span> 页</span>&#39;;
}
$box.html(shtml).find(&#39;input&#39;).change(function(){var p=$(this).val();window.location.href=surl.replace("$",p);});
return $box;
}
})(jquery);

를 보고 인용문 만 써도 괜찮을 것입니다.

$(function(){$('#page').pagination(100,1,'aaa.htm?page=$')})

위 내용은 쿼리 페이징 플러그인 코드 공유의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!