exTOC.js 1.0 sample1

Overview

• 基準となる要素内の後尾にTOCを追加
• スムーズ移動あり
• 番号付けなし

Source

Code

<script src="../lib/jquery/jquery-1.3.2.min.js"></script>
<script src="../lib/exjquery/extoc_1_0.js"></script>
....
<script>
jQuery(function($){
	var toc = $('#toc').exTOC({
		headFrom : 3,
		headTo : 5,
		numbering : false,
		numberinghead: false,
		insertMethod : 'append',
	});
});
</script>

CSS

<style>
/* ex-toc design */
ul.ex-toc {
	border: 1px dotted #000
}
ul.ex-toc li {
	list-style: none
}
ul.ex-toc li a {
	text-decoration: none;
}
ul.ex-toc span.ex-toc-label {
	margin-right: 4px;
}
</style>

jQuery

ver 1.2.6

text text text text text text text text
text text text text text text text text
text text text text text text text text
text text text text text text text text
text text text text text text text text
text text text text text text text text
text text text text text text text text
text text text text text text text text
text text text text text text text text

ver 1.3.0

text text text text text text text text
text text text text text text text text
text text text text text text text text
text text text text text text text text
text text text text text text text text
text text text text text text text text
text text text text text text text text
text text text text text text text text
text text text text text text text text

Example

text text text text text text text text
text text text text text text text text
text text text text text text text text
text text text text text text text text
text text text text text text text text
text text text text text text text text
text text text text text text text text
text text text text text text text text
text text text text text text text text