skuare.netはJavaScriptライブラリのjQuery,mootools,prototypeのプラグインを中心にWebサイト構築に関する技術を試す個人サイトです

ページの目次を自動で作成するjavascript「jqTOC」

｜ ｜ ｜ ｜ ｜ ｜ ｜

ページが長くなるとページ内リンクなどでユーザビリティを向上させます。
ただ運用が長くなると修正がいろいろ入り、リンク設定が間違ってくる可能性もあります。
今回はJavaScriptライブラリのjQueryでページ内の目次を作成する「jqTOC」を紹介します。

使用方法
jqTOCからjquery.jqTOC.jsとjquery.jqTOC.cssをjQueryから最新版のjQueryをダウンロードします。
あとは以下を記述します。
<link rel="stylesheet" href="http://yourdoamin/jquery.jqTOC.css" type="text/css">
<script src="http://yourdomain/jquery.js" type="text/javascript"></script>
<script src="http://yourdomain/jquery.jqTOC.js" type="text/javascript"></script>
<script language="javaScript" type="text/javascript">
$(document).ready(function(){
$('ID名').jqTOC();
});
</script>
上記でID名でくくった文章が目次化されます。
ページの目次を自動で作成するjavascript「jqTOC」サンプル

記事作成：2008年08月12日

前の記事：JavaScriptライブラリ「raphael」で図を描く
次の記事：Movable Type 4.2にバージョンアップ