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

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

sponsors

使用方法

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>

サンプル

Javascriptサンプルページ一覧
skuare.net

sponsors

見出し1









見出し2









見出し3









見出し4