基於javascript tab切換選項卡原生寫法

下面方法很簡單，就是利用ta,tb的值來擷取指定div的id的style是dispay=block或none來顯示或隱藏div哦，實現轉場效果。

// JavaScript Document
function show1(ta,tb,tt)
{
  for (i=1;i<=tb;i++)
  {
    if (tt==i)
    {
      document.getElementById(ta+"1"+tt).style.display="block";
      document.getElementById(ta+"0"+tt).className="iover";
    }
    else
    {
      document.getElementById(ta+"1"+i).style.display="none";
      document.getElementById(ta+"0"+i).className="iout";
    }
  }
}

function show2(ta,tb,tt)
{
  for (i=1;i<=tb;i++)
  {
    if (tt==i)
    {
      document.getElementById(ta+"1"+tt).style.display="block";
      document.getElementById(ta+"0"+tt).className="iover";
    }
    else
    {
      document.getElementById(ta+"1"+i).style.display="none";
      document.getElementById(ta+"0"+i).className="iout";
    }
  }
}
function show3(ta,tb,tt)
{
  for (i=1;i<=tb;i++)
  {
    if (tt==i)
    {
      document.getElementById(ta+"1"+tt).style.display="block";
      document.getElementById(ta+"0"+tt).className="iover";
    }
    else
    {
      document.getElementById(ta+"1"+i).style.display="none";
      document.getElementById(ta+"0"+i).className="iout";
    }
  }
}

//內容切換
function listme(alln,n,OverID,OutID,OverClass,OutClass){
for(var i=1;i<alln+1;i++){
if(i==n){
document.getElementById(OverID+i).className=OverClass;
document.getElementById(OutID+i).style.display="";
}else
{
document.getElementById(OverID+i).className=OutClass;
document.getElementById(OutID+i).style.display="none";
}
}
}