前の記事 ≪:Apple.comの新スライダーエフェクトを実装するjQueryプラグイン
次の記事 ≫:ナビゲーションやソーシャルサイト等サイトに使える120個のアイ...

ページの目次ナビゲーションを自動で作ってくれるjQueryプラグイン「AutoAnchors」

2011年10月31日-はてなブックマーク

スポンサード リンク
[PR] 日々膨大に出現するJS/CSSライブラリ等を意識にとどめておく方法
AutoAnchors jQuery Plugin

ページの目次ナビゲーションを自動で作ってくれるjQueryプラグイン「AutoAnchors」
見出しに<h3>なんかを使っていたとして、このプラグインを初期化すると次のような目次があらわれてクリックすれば指定の場所に移動できるという物が作れます。
h3で記事を書いておいてとりあえず後で見返してナビゲーションを作るなんていう作業をしたことがありますが、自動でやることで文書の変更にも対応できますね。



次のように、h3とか好きなタグは自分で選ぶことが出来ます。



ナンバリングもやってくれちゃいます。

関連エントリ
関連の記事検索:jQuery, ナビゲーション, jQueryプラグイン, JavaScript, プラグイン
スポンサード リンク

By.KJ : 2011年10月31日 10:02 livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)