文章をページ分割するjQueryプラグインJavaScrip （pager）
2007年4月23日(月) 11:20
ブログなどで長い文章を書くと読みにくくなったりする事がある、ページ分割することで文章としての区切りがきれいになる。そんな時は pager.js を使えば簡単にページ分割が可能になる。ページ分割したい要素をJavaScriptで指定すると、画面遷移なしのページ分割が可能になる。
このプラグインは名前のようにページ分割を目的としてリリースされているが、linkWrap オプションを指定することで、ページ移動のリンクを別のタグで囲うことができる。スタイルシートなどと組み合わせればタブナビゲーションや、プルダウンメニュー形式にもカスタマイズ可能だ。
jQueryのプラグイン
ページのリンク
デフォルトでは上記のようにシンプルなナビゲーションが表示されるようになるが、オプションを指定することで変更が可能になっている。
動作にはjQueryが必要になる。jQueryとダウンロードした jquery.pager.jsをHTMLヘッダで呼び出しを行った後、必要なJavaScriptコードを記述すれば簡単に実装できる。簡単なサンプルやオプションに関する記述例があるので、そちらを参考にすると良い。
リンク先が表示されない場合、時間をおいて再度アクセスしてください
関連する記事
- デザインが魅力的なスライドショーJavaScript (Lightview)
- 楽にフォーム入力チェックを実装するJavaScript （JSValidate）
- CSSデザインレイアウトをオンラインで簡単に作成する （YAML）
- ユーザーが再配置可能なWedgetを実装するJavaScript （Prototype Portal Class）
- フォームボタンCSSデザインするテクニック （Rediscovering Button Element）
- 半透明の角まるツールチップを表示するJavaScript （CoolTips）
- JavaScriptでプログレスバーを簡単に実装する （jsProgressBarHandler）
- JavaScriptコード圧縮して盗用から守る （packer）
- iTuneのようにカバーアートを表示するFlash （iTunes Coverflow）
- 画像をサムネイルのサイズで表示するJavaScript （jQuery Thumbs）
- Ajaxでサクサク動くWebファイルマネージャ （Relay）
- アンカータグを利用してスムーススクロールを実装する （df Smooth Scroll）
- MacでもFlashでホイール操作が出来るようにする （SWFMacMouseWheel）
- HTMLなどタグ編集を楽にするエディタ機能JavaScript （jTagEditor）
- 使いやすいYUIライブラリのWYSIWYGエディタ （Rich Text Editor）
- フォトショップで作る80種類のテキストエフェクト集 （photoshoproadmap.com）
- Flashで便利なTweenクラスのわかりやすい解説 （Ｔween Class Easing）
- CSSレイアウト情報をレイヤー表示するブックマーク （XRAY）
- Lightboxのような透過レイヤー表示の実装サンプル （Lightbox Effect）
- CSSデザインで綺麗なボタンを作成する （How to make sexy buttons with CSS）
