코드 복사 코드는 다음과 같습니다. JavaScript版TAB选项卡<br> functionchangeTab(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; 글꼴 크기:12px;}<br>.tab{margin:100px;}<br>.tabTitle ul{overflow:hidden; 확대/축소:1; border-left:1px solid #D5D3D4;}<br>.tabTitle li{너비:82px; 높이:30px; 줄 높이:30px; 부동:왼쪽; 텍스트 정렬:가운데; 배경:url(/2010/07/tab1.jpg) 반복 없음;}<br>.tabTitle li.on{배경:url(/uploads/2010/07/tab2.jpg) 반복 없음;}<br> #html_1,#html_2,#html_3,#html_4,#html_5,#html_6{테두리:1px 단색 #D5D3D4; 테두리 상단:없음; 너비:245px; 높이:100px;}<br> 本日热门 本周热门 内容1 内容2 内容3 本日推荐 本周推荐 本月推荐 内容1 内容2 内容3 div>