TabPane选项卡模拟    

      
td { 
    font-size: 12px;
    color: #000000;
    line-height: 150%;
    }
.sec1 { 
    background-color: #EEEEEE;
    cursor: hand;
    color: #000000;
    border-left: 1px solid #FFFFFF;
    border-top: 1px solid #FFFFFF;
    border-right: 1px solid gray;
    border-bottom: 1px solid #FFFFFF
    }
.sec2 { 
    background-color: #D4D0C8;
    cursor: hand;
    color: #000000;
    border-left: 1px solid #FFFFFF; 
    border-top: 1px solid #FFFFFF; 
    border-right: 1px solid gray; 
    font-weight: bold; 
    }
.main_tab {
    background-color: #D4D0C8;
    color: #000000;
    border-left:1px solid #FFFFFF;
    border-right: 1px solid gray;
    border-bottom: 1px solid gray; 
    }

      
function secBoard(n)
{
  for(i=0;i    secTable.cells[i].className="sec1";
  secTable.cells[n].className="sec2";
  for(i=0;i    mainTable.tBodies[i].style.display="none";
  mainTable.tBodies[n].style.display="block";
}

      
         
          关于TBODY标记
          关于cells集合
          关于tBodies集合
          关于display属性
        
      
      
         
         
           

            

            这里填加内容,略去。1 
        
          
         
           

            

            这里填加内容,略去。2 
        
          
         
           

            

            这里填加内容,略去。3 
        
          
         
           

            

            这里填加内容,略去。4 
        
         
      

关联文档