<br>/*開始列切り替えスタイル*/<br>.none {display: none;}<br>.block {display: block;}<br>/*ヘッダースタイル*/ <br>.s_c {width:800px;text-align:center;}<br>.s_c ul{clear:both;margin:0;}<br>.s_c li{list-style:none;float:left; :relative;width: 70px;}<br>/**/<br>.c_0 {背景色: #CCCCCC;} /*ステータスを非表示にする*/<br>.c_1 {background-color: #0000CC;} /*ステータスの表示*/<br>/**/<br>.s_b{ <br>ボーダー:1px ソリッド #666;<br>高さ: 160px;<br>幅: 440px;<br>}</p> <p>/** / <br>/*列切り替えスタイルの終わり*/</p> <p><br>function aa(s_id){<br>for(i=1;i<7;i ){<BR> if (i==s_id){<BR> document.getElementById("s" i).className="block"; //コンテンツ スタイル<BR> document.getElementById("m" i).className="c_" i " c_1"; //ヘッダースタイル<BR> //document.getElementById("uid_" i).focus();<BR> }<BR> else<BR> {<BR> document.getElementById("s " i) .className="none"; //コンテンツは表示されません<BR> document.getElementById("m" i).className="c_0"; //<BR> }<BR>}<BR>}<BR> カテゴリ 1カテゴリ 2カテゴリ 3カテゴリ 4カテゴリ 5 カテゴリ 6 パート 1 パート 2パート 3< ;/div>パート 4パート 5パート 6