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

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

コメントする

記事作成:2010年6月28日 10:43