jQueryページングプラグインをお勧めします
2104 ワード
ここをクリックして効果を確認このページングプラグインは使いやすいのでkeleyidivpager.を参照してください.jsとkeleyidivpager.cssファイルは、html(またはphp、aspx、jspなど)ページでページ総数、パラメータ名、接頭辞接尾辞などを設定すればいいです.以下はソースコードです.
転載先:http://keleyi.com/a/bjac/0xusjq8m.htm
http://ini.iteye.com
<!DOCTYPE html>
<html>
<head>
<title>jquery - </title>
<script type="text/javascript" src="http://keleyi.com/keleyi/pmedia/jquery/jquery-1.10.2.min.js"></script>
<link href="http://keleyi.com/keleyi/phtml/jqtexiao/14/keleyidivpager.css" type="text/css" rel="Stylesheet" />
</head>
<body>
<div><h2> · </h2><a href="http://keleyi.com/a/bjac/0xusjq8m.htm" target="_blank"> </a></div>
<script type="text/javascript" src="http://keleyi.com/keleyi/phtml/jqtexiao/14/keleyidivpager.js"></script>
<div id="div_pager">
</div>
<script type="text/javascript">
var totalPage = 20;
var totalRecords = 390;
var pageNo = getParameter('p'); // ( )
if (!pageNo) {
pageNo = 1;
}
//
kkpager.init({
pno: pageNo,
//
total: totalPage,
//
totalRecords: totalRecords,
//
hrefFormer: 'keleyidivpager',
//
hrefLatter: '.htm',
getLink: function (n) {
return this.hrefFormer + this.hrefLatter + "?p=" + n; // ( )
}
});
kkpager.generPageHtml();
</script>
</body>
</html>転載先:http://keleyi.com/a/bjac/0xusjq8m.htm
http://ini.iteye.com