|
|
|
17년 전
|
조회 1,134
|
|
|
|
17년 전
|
조회 2,934
|
|
|
|
17년 전
|
조회 2,474
|
|
|
|
17년 전
|
조회 2,053
|
|
|
|
17년 전
|
조회 2,054
|
|
|
|
17년 전
|
조회 1,810
|
|
|
|
17년 전
|
조회 2,254
|
|
|
|
17년 전
|
조회 2,025
|
|
|
|
17년 전
|
조회 1,998
|
|
|
|
17년 전
|
조회 1,886
|
|
|
|
17년 전
|
조회 1,220
|
|
|
너굴군
|
17년 전
|
조회 1,838
|
|
|
너굴군
|
17년 전
|
조회 2,242
|
|
|
|
17년 전
|
조회 2,315
|
|
|
|
17년 전
|
조회 1,655
|
|
|
|
17년 전
|
조회 1,517
|
|
|
|
17년 전
|
조회 1,370
|
|
|
|
17년 전
|
조회 2,590
|
|
|
|
17년 전
|
조회 2,683
|
|
|
|
17년 전
|
조회 2,077
|
|
|
|
17년 전
|
조회 2,431
|
|
|
|
17년 전
|
조회 2,733
|
|
|
|
17년 전
|
조회 1,336
|
|
|
|
17년 전
|
조회 1,198
|
|
|
헌이
|
17년 전
|
조회 6,339
|
|
|
|
17년 전
|
조회 1,187
|
|
|
|
17년 전
|
조회 1,635
|
|
|
관리자
|
17년 전
|
조회 1,786
|
|
|
|
17년 전
|
조회 1,112
|
|
|
|
17년 전
|
조회 1,200
|
|
|
|
17년 전
|
조회 1,901
|
|
|
|
17년 전
|
조회 1,532
|
|
|
관리자
|
17년 전
|
조회 3,634
|
|
|
|
17년 전
|
조회 1,218
|
|
|
|
17년 전
|
조회 1,923
|
|
|
|
17년 전
|
조회 1,179
|
|
|
|
17년 전
|
조회 1,394
|
|
|
|
17년 전
|
조회 2,370
|
|
|
|
17년 전
|
조회 2,024
|
|
|
|
17년 전
|
조회 1,048
|
|
|
|
17년 전
|
조회 1,049
|
|
|
|
17년 전
|
조회 1,100
|
|
|
|
17년 전
|
조회 6,052
|
|
|
|
17년 전
|
조회 5,861
|
|
|
관리자
|
17년 전
|
조회 2,042
|
|
|
|
17년 전
|
조회 1,035
|
|
|
|
17년 전
|
조회 1,131
|
|
|
|
17년 전
|
조회 2,092
|
|
|
|
17년 전
|
조회 1,525
|
|
|
|
17년 전
|
조회 1,169
|
|
|
|
17년 전
|
조회 1,195
|
|
|
|
17년 전
|
조회 1,135
|
|
|
|
17년 전
|
조회 1,055
|
|
|
|
17년 전
|
조회 3,969
|
|
|
|
17년 전
|
조회 2,177
|
|
|
관리자
|
17년 전
|
조회 1,630
|
|
|
|
17년 전
|
조회 2,774
|
|
|
|
17년 전
|
조회 1,481
|
|
|
|
17년 전
|
조회 1,165
|
|
|
|
17년 전
|
조회 1,185
|
|
|
|
17년 전
|
조회 1,254
|
|
|
|
17년 전
|
조회 1,143
|
|
|
|
17년 전
|
조회 1,254
|
|
|
|
17년 전
|
조회 2,410
|
|
|
헌이
|
17년 전
|
조회 4,202
|
|
|
|
17년 전
|
조회 1,200
|
|
|
|
17년 전
|
조회 3,956
|
|
|
|
17년 전
|
조회 4,110
|
|
|
|
17년 전
|
조회 1,224
|
|
|
|
17년 전
|
조회 2,190
|
|
|
|
17년 전
|
조회 1,631
|
|
|
관리자
|
17년 전
|
조회 3,226
|
|
|
|
17년 전
|
조회 1,366
|
|
|
|
17년 전
|
조회 3,610
|
|
|
|
17년 전
|
조회 3,401
|
|
|
|
17년 전
|
조회 2,574
|
|
|
|
17년 전
|
조회 2,942
|
|
|
|
17년 전
|
조회 2,638
|
|
|
|
17년 전
|
조회 1,951
|
|
|
|
17년 전
|
조회 3,324
|
|
|
|
17년 전
|
조회 2,633
|
|
|
|
17년 전
|
조회 3,534
|
|
|
|
17년 전
|
조회 1,161
|
|
|
|
17년 전
|
조회 2,261
|
|
|
|
17년 전
|
조회 1,335
|
|
|
|
17년 전
|
조회 1,203
|
|
|
|
17년 전
|
조회 1,074
|
|
|
|
17년 전
|
조회 1,060
|
|
|
|
17년 전
|
조회 1,433
|
|
|
|
17년 전
|
조회 2,870
|
|
|
관리자
|
17년 전
|
조회 3,267
|
|
|
|
17년 전
|
조회 3,010
|
|
|
|
17년 전
|
조회 1,891
|
|
|
|
17년 전
|
조회 4,007
|
|
|
|
17년 전
|
조회 1,419
|
|
|
|
17년 전
|
조회 1,134
|
|
|
|
17년 전
|
조회 1,245
|
|
|
|
17년 전
|
조회 1,130
|
|
|
|
17년 전
|
조회 1,375
|
|
|
|
17년 전
|
조회 1,749
|
댓글 2개
<head>
<title>div Tab menu</title>
</head>
<body>
<script language="JavaScript">
function tabmenu(i) {
if(i==1) {
document.getElementById("tab01").style.display = 'block';
document.getElementById("tab02").style.display = 'none';
document.getElementById("tab03").style.display = 'none';
}
else if(i==2) {
document.getElementById("tab01").style.display = 'none';
document.getElementById("tab02").style.display = 'block';
document.getElementById("tab03").style.display = 'none';
}
else if(i==3) {
document.getElementById("tab01").style.display = 'none';
document.getElementById("tab02").style.display = 'none';
document.getElementById("tab03").style.display = 'block';
}
}
</script>
<div style="width:1000px;">
<div style="folat:right; text-align:right;">
<a href="javascript:tabmenu(1);">메뉴 1</a>
<a href="javascript:tabmenu(2);">메뉴 2</a>
<a href="javascript:tabmenu(3);">메뉴 3</a>
</div>
<p />
<div id="tab01" style="display:block; border:1px solid black; height:50px;">
메뉴 1의 게시물
</div>
<div id="tab02" style="display:none; border:1px solid black; height:50px;">
메뉴 2의 게시물
</div>
<div id="tab03" style="display:none; border:1px solid black; height:50px;">
메뉴 3의 게시물
</div>
</div>
</body>
</html>
이렇게 하면 되는지 모르겠습니다.
일단 메뉴3번까지만 해 보았습니다..^^