自動で目次化してくれる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