exTOC.js 1.0 sample4

Overview

TOCを固定（exfixed2.0.2を使用）
exFixedについてはよく解りません(^^;
position:fixed;をIE6で使ったときの不具合を解消するもののようです。

Source

Code

<script src="../lib/jquery/jquery-1.3.2.min.js"></script>
<script src="../lib/exjquery/extoc_1_0.js"></script>
<script src="../lib/exjquery/exfixed_2_0_2.js"></script>
....
<script>
jQuery(function($){
	var toc = $('#toc').exTOC({
		headFrom : 3,
		headTo : 5,
		insertMethod : 'after',
		numberingFrom : 2,
		numberingTo : 3,
		smooth:false
	});
	toc.getTOC().exFixed({            //<div id="toc">の位置を水平に
		width:200,　　　　　　        //右端に移動する 
		top:$('#toc').position().top,
		right:16
	});
	$('body').css({　　　　　　　　　//<body>の右マージンを
		'margin-right':232           //<div id="toc">分空ける
	})
	$('ul.ex-toc').css({             //<ul class="ex-toc">のボーダーを消す
		'border':'none'
	})
});
</script>

CSS

<style>
/* ex-toc design */
ul.ex-toc {
	border: none
}
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