ページの見出しを取得して、サイドにナビゲーションを生成する、というスクリプトのご紹介。jQueryに依存しています。
いわゆる目次のリンクを生成する、というスクリプトです。ドキュメントページなんかに良さそうです。
jQuery Tocible
動作サンプルです。
<script src="http:////ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script src="jquery.tocible.js"></script> |
コアとプラグインを読み込みます。
$('#foo').tocible({ heading: 'h2', //ナビゲーションに組むエレメント subheading: 'h3', //ナビゲーションに組むエレメント navigation: 'nav', //ナビゲーションを生成する場所 title: '', //ナビゲーションのタイトル。目次、とか hash: false, //ハッシュの有無 offset: 50, //オフセット speed: 800 //スクロールのスピード collapsible: true //小見出しをレストとして生成するかどうか }); |
セッティングして完了です。
前にも似たようなスクリプトをご紹介しましたが、今回のとは用途が異なるのでメモとしてかきました。詳細は以下にて。
