コードをコピー コードは次のとおりです: JavaScript版TAB选项卡<br> function changeTab(id, minId, topCount)<br> {<br> for(var i=minId; i < minId topCount; i )<BR> {<BR> if( id == i)<BR> {<BR> document.getElementById("li_" i).className = "on";<BR> document.getElementById("html_" i).style.display = "block"; <BR> }<BR> else<BR> {<BR> document.getElementById("li_" i).className = "";<BR> document.getElementById("html_" i).style.display = "none" ;<BR> }<BR> }<BR> }<BR><br>.none{display:none;}<br> ul,li{リストスタイル:なし;マージン:0;パディング:0; font-size:12px;}<br>.tab{margin:100px;}<br>.tabTitle ul{overflow:hidden;ズーム:1; border-left:1px ソリッド #D5D3D4;}<br>.tabTitle li{width:82px;高さ:30ピクセル;行の高さ:30px;フロート:左;テキスト整列:中央; background:url(/2010/07/tab1.jpg) no-repeat;}<br>.tabTitle li.on{background:url(/uploads/2010/07/tab2.jpg) no-repeat;}<br> #html_1,#html_2,#html_3,#html_4,#html_5,#html_6{border:1px ソリッド #D5D3D4;ボーダートップ:なし;幅:245ピクセル;高さ:100px;}<br> 本日热门 今週热门 今月热门 コンテンツ1 内容 2 内容 3 本日推荐 本周推荐 今月推荐 内容1 内容 2 内容 3 div>