どんな要素にもページネーションを付けられるjQueryプラグイン「jPages」

どんな要素にもページネーションを付けられるjQueryプラグイン「jPages」サンプル 要素を多く記述したいけれど、ページはわけたくない。
楽してページングを付けたい、そんなあなたにはjPagesが最適です。

使用方法 jPagesからファイル一式をダウンロード。
<link rel="stylesheet" href="animate.css">
<script type="text/javascript" src="jquery-1.6.1.min.js"></script>
<script type="text/javascript" src="jPages.js"></script>
<script>
$(function(){
$(".class名").jPages({
containerID : "id名",
previous : "←", //前へのボタン
next : "→", //次へのボタン
perPage : 10, //1ページに表示する個数
delay : 20, //要素間の表示速度
animation: "flipInY" //アニメーションAnimate.cssを参考に
});
});
</script>

あとは下記を記述しましょう。
<div class="class名"></div>
<!-- tableの場合 -->
<table>
<thead><tr><th>Rank</th></tr></thead>
<tbody id="id名">
<tr><td>1</td></tr>
<tr><td>2</td></tr>
<tr><td>3</td></tr>
</tbody>
</table>
<!-- その他要素の例 -->
<ul id="id名">
<li><img src="画像パス.jpg"></li>
<li><img src="画像パス.jpg"></li>
<li><img src="画像パス.jpg"></li>
</ul>

どんな要素にもページネーションを付けられるjQueryプラグイン「jPages」サンプル

sponsors

「どんな要素にもページネーションを付けられるjQueryプラグイン「jPages」」をシェアする

記事作成:
記事URL:

TOP > > どんな要素にもページネーションを付けられるjQueryプラグイン「jPages」