複製程式碼 程式碼如下: JavaScript版TAB選項卡 <BR> function changeTab(id, minId, topCount)<BR> {<BR> 為(var i=minId; i < minId topCount; i )<BR> if( id == i)<BR> {<BR> className = "on";<BR> document.getElementById("html_" i).style.display = "block"; <BR> }<BR> document.getElementById("li_" i).className = "";<BR> ;<BR> }<BR> }<BR> display:none;}<BR> ul,li {列表樣式：無;保證金：0；填充：0；字體大小：12px;}<BR>.tab{邊距：100px;}<BR>.tabTitle ul{溢位：隱藏;縮放：1；左邊框： 1px 實心#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><BR><BR><body><BR> <BR><div class="tab"><BR> <div class="tabTitle"><BR> <ul><BR> <li id="li_1" class="on" onmouseover ="changeTab(1, 1, 3);">本日熱門<BR> <li id="li_2" onmouseover="changeTab(2, 1, 3);">本週熱門 <li id ="li_3" onmouseover="changeTab(3, 1, 3);">本月熱門<P> <BR> 內容1 內容2 內容3 ; 本日推薦 本週推薦 本月推薦 內容1 內容2 內容3 divdiv >
