<script language="javascript">
function tab_img_change(t){
  for(var i = 1; i <= 4; i++) {
     img = document.getElementById('tab_bbs'+i);
     img.src = "<?=$_img_url?>tab"+i+"_off.gif"; 
      eval("document.getElementById('tab_view"+i+"')").style.display="none";

     if ( t == i ) {
      img.src = "<?=$_img_url?>tab"+i+"_on.gif";
      eval("document.getElementById('tab_view"+i+"')").style.display="";
     }       
  }   
}
</script>

<table border="0" cellpadding="0" cellspacing="0" width="100%" align="left">
<colgroup><col width="6px"><col><col width="6px"></colgroup>
 <tr height="23">
  <td><img src="<?=$_img_url?>left.gif"></td>
  <td valign="top" background="<?=$_img_url?>tab_bg.gif">
  <a href="go.php?p=human1_1" target="_self"><img id="tab_bbs1" style="cursor:pointer;" onmouseover="tab_img_change(1)" src="<?=$_img_url?>tab1_on.gif" border="0"/></a>
  <a href="go.php?p=human1_2" target="_self"><img id="tab_bbs2" style="cursor:pointer;" onmouseover="tab_img_change(2)" src="<?=$_img_url?>tab2_off.gif" border="0"/></a>
  <a href="go.php?p=human1_3" target="_self"><img id="tab_bbs3" style="cursor:pointer;" onmouseover="tab_img_change(3)" src="<?=$_img_url?>tab3_off.gif" border="0"/></a>
  <a href="go.php?p=human1_4" target="_self"><img id="tab_bbs4" style="cursor:pointer;" onmouseover="tab_img_change(4)" src="<?=$_img_url?>tab4_off.gif" border="0"/></a>
  </td>
  <td><img src="<?=$_img_url?>right.gif"></td>
 </tr>
 <tr>
  <td colspan="3">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
 <tr>
  <td style="padding-top:5">
  <div id="tab_view1">
  <table>
    <tr>
    <td align=right>- <a href="go.php?p=human1_1" target="_self">가나다</a></td>
    </tr>
    <tr>
    <td>
    11111111111111111111111111111</td>
    </tr>
  </table>
  </div>
  <div id="tab_view2">
  <table>
    <tr>
    <td align=right>- <a href="go.php?p=human1_1" target="_self">가나다</a></td>
    </tr>
    <tr>
    <td>
    222222222222222222222222222222</td>
    </tr>
  </table>
  </div>
  <div id="tab_view3">
  <table>
    <tr>
    <td align=right>- <a href="go.php?p=human1_3" target="_self">가나다</a></td>
    </tr>
    <tr>
    <td>
    3333333333333333333333333333333333333</td>
    </tr>
  </table>
  </div>

  <script>
var cnt=1;

function tab_img_change_loop()
{
if (cnt>4) cnt=1;
tab_img_change(cnt);
cnt++;
}
//3초에 한번씩
setInterval("tab_img_change_loop()", 3000);
</script>

ps. phpschool 작업품 입니다~~