<style type="text/css">
.default {
font-weight:bold;
cursor:pointer;
background-color:#dedede;
padding:5;
}
table {
font-size:12px;
font-family:굴림;
}
.bold {
font-weight:bold;
cursor:pointer;
background-color:#dedede;
padding:5;
}
</style>
<script language="javascript">
window.onload = function() {
document.getElementById("over1").onmouseover=function() {
jsTabTable(1);
stopTab();
}
document.getElementById("over2").onmouseover=function() {
jsTabTable(2);
stopTab();
}
document.getElementById("over3").onmouseover=function() {
jsTabTable(3);
stopTab();
}
}
var num0 = 0;
var playTable = setInterval("jsTabTable(num0)",5000);
function stopTab() {
clearInterval(playTable);
}
function rePlayTab() {
playTable = setInterval("jsTabTable(num0)",5000);
}
function jsTabTable(tNum) {
if (tNum == 0)
{
num0 = 1;
}
else {
num0 = tNum;
}
for (var i=1; i<=3; i++) {
if (num0 == i) {
document.getElementById("j"+i).style.display = "block";
document.getElementById("t"+i).className = "bold";
}
else {
document.getElementById("j"+i).style.display = "none";
document.getElementById("t"+i).className = "";
}
}
if(num0 == 3) {
num0 = 0 }
num0 = num0+1;
}
</script>
<body>
<div align="center">
<table cellpadding="0" cellspacing="0" width="500" border="1">
<tr>
<td id="over1" height="25" width="500">
<div id="t1" class="default">공지사항</div>
</td>
<td id="over2" height="25" width="500">
<div id="t2">뉴스</div>
</td>
<td id="over3" height=25" width="500">
<div id="t3">게시판</div>
</td>
</tr>
<tr id="j1" style="display:block">
<td colspan="3" width="500" height="38" onmouseover="jsTabTable(1); stopTab()" onmouseout="jsTabTable(1); rePlayTab()" style="padding:20 10 0 10;">
<ul>
<li><a href="#">1. 2008 베이징올림픽에서 메달을 획득하지는 못했지만 가장 많은 관심을 받은 유망주가 있었습니다</a>
<li><A HREF="#">한국 리듬체조 대표 선수들과 상비군들이 훈련을 하고 있는 세종고등학교 체육관을 찾았습니다.</A>
<li><A HREF="#">히어로즈 신임단장 "저 야구 잘 몰라요"</A>
</ul>
</td>
</tr>
<tr id="j2" style="display:none">
<td colspan="3" width="500" height="38" onmouseover="jsTabTable(2); stopTab()" onmouseout="jsTabTable(2); rePlayTab()" style="padding:20 10 0 10;">
<ul>
<li><a href="#"> 英언론 “히딩크 투잡 끝 ‘영원한</a>
<li><A HREF="#">매니 라미레스, LA 다저스 재계약 ..</A>
<li><A HREF="#">AC밀란, UEFA컵 16강 진출 실패·..</A>
</ul>
</td>
</tr>
<tr id="j3" style="display:none">
<td colspan="3" width="500" height="38" onmouseover="jsTabTable(3); stopTab()" onmouseout="jsTabTable(3); rePlayTab()" style="padding:20 10 0 10;">
<ul>
<li><a href="#">매니, LA 다저스 재계약 제안 거절 </a>
<li><A HREF="#">'용병 퇴출' SK·KT&G, 6강행 적신호 </A>
<li><A HREF="#">두산 김경문 감독에게 묻는다.</A>
</ul>
</td>
</tr>
</table>
</div>
</body>
|
