コニファ・ロゴ

csstest:jQuery Paginationを使って、自動的に表示するページネーション

jQueryプラグインのjquery.pagination.jsを使うことで、id="Pagination"と指定した要素(複数の)にページネーションを自動的に表示できます。
ページネーション用のページコンテンツを、class="result"で指定した要素に入れると自動的にナンバリングされます。同様にclass="result"で指定してコンテンツを加えていくと、ナンバーが自動的に増えていきます。ページナンバーをクリックすると、id="Searchresult"で指定した要素部分(薄い紫色背景のエリア)に、display:noneで非表示になっているコンテンツを一つずつ取り出し表示していきます。

 

   ここにページ毎のコンテンツを表示します。

 

 

 

 

戻るボタン