jquery.simplePagination.jsを使うことで、見た目としてのページネーションを簡単に実装できます。テーマも3種類用意されています。ただ、オリジナルにはページナンバーをクリックした後の動きは入っていません。jquery.simplePagination.jsの"onPageClick:"部分にコールバックを追加する必要があります。
この例では、下側のオレンジ色のボーダーで囲んだ領域に、ナンバーに合わせた外付けhtmlを読む込むようにしてあります。なお、「1」がデフォルトで選択されていますが、「1」に対応するhtmlは読み込まれていません。他をクリックしてから、再度「1」をクリックすると読み込まれます。
"light-theme"
"dark-theme"
"compact-theme"