ダイレクトコール：
<スタイルタイプ= "テキスト/ CSS">
番目
{
フォントサイズ：18px;
}
TD
{
フォントサイズ：15ピクセル。
}
テーブル{
幅：600PX。
テキスト整列：センター;
}
テーブルのTR番目、TD {
高さ：30px;
行の高さ：30px;
国境：1pxの固体#CCC。
}
#pageStyle {
表示：インラインブロック。
幅：32PX;
高さ：32PX;
国境：1pxの固体#CCC。
行の高さ：32PX;
テキスト整列：センター;
色：＃999;
マージントップ：20ピクセル;
テキスト装飾：なし;
}
#pageStyle：ホバー{
背景色：#CCC。
}
#pageStyle .active {
背景色：＃0CF。
色：#FFFFFF;
}
.style1
{
フォントサイズ：12ptの。
}
</スタイル>
ます。<script type = "text / JavaScriptを">
// [表示]タブの
$（関数（）{
VAR $ $ =表（ "表"）;
VAR currentPageに= 0;このページの//デフォルト値0
VAR = 12であるのpageSize; /数/ページあたり
$ table.bind（ 'ページング'、機能（）{
$ table.find（ 'のTBODY TR'）。（）非表示にします。スライスを（* currentPageにpageSizeを、（+ currentPageに。1）* pageSizeを）。ショー（）;
}）;
VAR sumRows table.find = $（ 'TBODY TR'）長さ;.
するvar sumPages = Math.ceil（sumRows / pageSizeを）; //ページ
のvar $ページャ= $（「< divのクラス= "ページ"> </ DIV >「）; // divの新しい、ラベルに、表示ページの下部
（VARのpageIndexパラメータのために= 0; pageIndexパラメータ <sumPages。pageIndexパラメータ++）{
$（ '<a href="#" id="pageStyle" onclick="changCss(this)">の<span>' +（pageIndexパラメータ+ 1）+ '</ span>の</a>の'）.bind（」クリック」、{ "NEWPAGE"：pageIndexパラメータ}、関数（イベント）{
currentPageに= event.data [ "NEWPAGE"];
$のtable.trigger（ "ページング"）;
//触发分页函数
。}）appendTo（$ページャ） ;
$のpager.append（」「）;
}
$ pager.insertAfter（$表）。
$のtable.trigger（ "ページング"）。
//默认第一页的标签效果
VAR $ pagess = $（ '＃のpageStyle'）;
$のpagess [0] .style.backgroundColor = "
//リンクのクリックが原色の他の点は返信次に、変色
機能changCss（OBJ）{
VARのdocument.getElementsByTagNameのARRを=（ "A"）;
のための（VARのI = 0; I <arr.length; Iは++）{
IF（OBJ = = ARR [I]）{//このページスタイル
obj.style.backgroundColor = "＃006B00";
obj.style.color = "#FFFFFF";
}
他{
ARR [I] = .style.color "";
ARR [I] .style.backgroundColor = "";
}
}
}
</ SCRIPT>
