自動で目次化してくれるJavaScript「Indexer」

ページが長くなると目次化してページ内リンクを付けて・・・
といった作業が必要になりますが、jQueryプラグインの「Indexer」なら、この作業を自動化してくれます。

使用方法

Indexerからjquery.indexer.jsをjQueryからjquery.jsをダウロードします。

<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="jquery.indexer.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	$("#id名").indexer();
});
</script>
上記id部分を記述すればh1,h2,h3などのhタグが自動で表示されるようになります。

<div id="id名"></div>

サンプル


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