jQueryを使って自動で見出しを作るプラグイン「jQuery Headerlinks Plugin」

ページが長くなるとページ内アンカーなどで飛ばすことがあるかと思いますが、なかなかの手間です。
そんな面倒臭がりなあなたにjQuery Headerlinks Pluginを紹介します。
これを使用するとhNに自動でアンカーリンクを付け、インデックスを表示してくれます。
jQueryを使って自動で見出しを作るプラグイン「jQuery Headerlinks Plugin」サンプル

使用方法
jQuery Headerlinks Pluginからjquery.headerlinks.min.jsをjQueryからjquery.jsをダウンロードします。
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="jquery.headerlinks.min.js"></script>
<script>
$(function(){
$("#id名").headerlinks();
});
</script>

上記を記述したら、あとは普通にhタグを書いていきます。
また、オプションとして下記のようなものもあり、出し方を調整可能です。
deny,hierarchy,headers

最後にインデックスを表示させたい場所にidを記述します。
<div id="id名"</div>
jQueryを使って自動で見出しを作るプラグイン「jQuery Headerlinks Plugin」サンプル

sponsors

「jQueryを使って自動で見出しを作るプラグイン「jQuery Headerlinks Plugin」」をシェアする

記事作成:
記事URL:

TOP > > > jQueryを使って自動で見出しを作るプラグイン「jQuery Headerlinks Plugin」