Home >Web Front-end >CSS Tutorial >An example of <tbody> is very practical. _Experience exchange

An example of <tbody> is very practical. _Experience exchange

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOriginal: 2016-05-16 12:06:201850browse

Seeing many netizens discussing the tbody attribute, I specially made an example, hoping it can be helpful to everyone.

<title> Script House tbody tab effect demonstration</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="Generator" content="EditPlus">
<meta name="Author" content="Tian Geng">
<meta name="Keywords" content="">
<meta name="Description" content="">
<style type="text/css">
body,table,tr,td{
    font-size:12px;
    color:#000000;
    }
.sec1 {
    background-color: #99CC99;
    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;
    }
</style>
<script language="JavaScript">  
<!--  
function secBoard(n,x,y)  
{  
  for(i=0;i<secTable.cells.length;i++){  
    secTable.cells[i].className="sec1";  
  secTable.cells[n].className="sec2";}  
  for(i=0;i<mainTable.tBodies.length;i++){  
    mainTable.tBodies[i].style.display="none";  
  mainTable.tBodies[n].style.display="block";}  
  weizi.innerHTML="<b>"+x.toUpperCase()+"</script>

Statement：

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Previous article：List of articles in a news website made with pure CSS_Experience exchangeNext article：List of articles in a news website made with pure CSS_Experience exchange

See more

An example of <tbody> is very practical. _Experience exchange

Related articles