[ ¡å Áú¹®°ü·Ã Âü°í Source ]
<script>
//¸ÞÀÎ º£½ºÆ®¿Àºêº£½ºÆ®
var Loadn = 1;
function bob(n) {
for(var i = 1; i < 5; i++) {
obj = document.getElementById('bob'+i);
img = document.getElementById('bob_button'+i);
if ( n == i ) {
obj.style.display = "block";
img.src = "/images/main/bob0"+i+"_on.gif";
} else {
obj.style.display = "none";
img.src = "/images/main/bob0"+i+"_off.gif";
}
}
Loadn++;
if(Loadn ==5){
Loadn =1;
}
setTimeout("bob("+Loadn+")",1000); //1000 = 1ÃÊ
}
</script>
<!-- º£½ºÆ®¿Àºê º£½ºÆ® ½ÃÀÛ -->
<table width="990" border="0" cellspacing="0" cellpadding="0" style="border-bottom: 2px solid #757575;">
<tr>
<td width="200"><img src="/images/main/title_md.gif" alt="" /></td>
<td width="790" align="right" valign="bottom"><span style="cursor: pointer;">
<div id='bob_button1' onclick='bob(1);' onmouseover='bob(1);'>ù¹øÂ°</div>
<div id='bob_button2' onclick='bob(2);' onmouseover='bob(2);'>2¹øÂ°</div>
<div id='bob_button3' onclick='bob(3);' onmouseover='bob(3);'>3¹øÂ°</div>
<div id='bob_button4' onclick='bob(4);' onmouseover='bob(4);'>4¹øÂ°</div>
</span></td>
</tr>
</table></td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td>
<table width="990" border="0" align="center" cellpadding="0" cellspacing="0" id='bob1' style='display:block;' >
<tr>
<td>³»¿ë1</td>
</tr>
</table>
<table width="990" border="0" align="center" cellpadding="0" cellspacing="0" id='bob2' style='display:block;' >
<tr>
<td>³»¿ë2</td>
</tr>
</table>
<table width="990" border="0" align="center" cellpadding="0" cellspacing="0" id='bob3' style='display:block;' >
<tr>
<td>³»¿ë3</td>
</tr>
</table>
<table width="990" border="0" align="center" cellpadding="0" cellspacing="0" id='bob4' style='display:block;' >
<tr>
<td>³»¿ë4</td>
</tr>
</table>
<script>bob(Loadn);</script>