|
|
|
17년 전
|
조회 1,164
|
|
|
|
17년 전
|
조회 2,964
|
|
|
|
17년 전
|
조회 2,504
|
|
|
|
17년 전
|
조회 2,084
|
|
|
|
17년 전
|
조회 2,089
|
|
|
|
17년 전
|
조회 1,834
|
|
|
|
17년 전
|
조회 2,287
|
|
|
|
17년 전
|
조회 2,059
|
|
|
|
17년 전
|
조회 2,022
|
|
|
|
17년 전
|
조회 1,914
|
|
|
|
17년 전
|
조회 1,241
|
|
|
너굴군
|
17년 전
|
조회 1,859
|
|
|
너굴군
|
17년 전
|
조회 2,262
|
|
|
|
17년 전
|
조회 2,352
|
|
|
|
17년 전
|
조회 1,685
|
|
|
|
17년 전
|
조회 1,542
|
|
|
|
17년 전
|
조회 1,399
|
|
|
|
17년 전
|
조회 2,612
|
|
|
|
17년 전
|
조회 2,710
|
|
|
|
17년 전
|
조회 2,106
|
|
|
|
17년 전
|
조회 2,457
|
|
|
|
17년 전
|
조회 2,761
|
|
|
|
17년 전
|
조회 1,354
|
|
|
|
17년 전
|
조회 1,220
|
|
|
헌이
|
17년 전
|
조회 6,367
|
|
|
|
17년 전
|
조회 1,212
|
|
|
|
17년 전
|
조회 1,668
|
|
|
관리자
|
17년 전
|
조회 1,809
|
|
|
|
17년 전
|
조회 1,137
|
|
|
|
17년 전
|
조회 1,227
|
|
|
|
17년 전
|
조회 1,927
|
|
|
|
17년 전
|
조회 1,555
|
|
|
관리자
|
17년 전
|
조회 3,656
|
|
|
|
17년 전
|
조회 1,244
|
|
|
|
17년 전
|
조회 1,947
|
|
|
|
17년 전
|
조회 1,205
|
|
|
|
17년 전
|
조회 1,425
|
|
|
|
17년 전
|
조회 2,396
|
|
|
|
17년 전
|
조회 2,057
|
|
|
|
17년 전
|
조회 1,072
|
|
|
|
17년 전
|
조회 1,077
|
|
|
|
17년 전
|
조회 1,134
|
|
|
|
17년 전
|
조회 6,083
|
|
|
|
17년 전
|
조회 5,887
|
|
|
관리자
|
17년 전
|
조회 2,078
|
|
|
|
17년 전
|
조회 1,054
|
|
|
|
17년 전
|
조회 1,161
|
|
|
|
17년 전
|
조회 2,117
|
|
|
|
17년 전
|
조회 1,550
|
|
|
|
17년 전
|
조회 1,194
|
|
|
|
17년 전
|
조회 1,220
|
|
|
|
17년 전
|
조회 1,158
|
|
|
|
17년 전
|
조회 1,087
|
|
|
|
17년 전
|
조회 3,994
|
|
|
|
17년 전
|
조회 2,204
|
|
|
관리자
|
17년 전
|
조회 1,653
|
|
|
|
17년 전
|
조회 2,803
|
|
|
|
17년 전
|
조회 1,501
|
|
|
|
17년 전
|
조회 1,190
|
|
|
|
17년 전
|
조회 1,215
|
|
|
|
17년 전
|
조회 1,274
|
|
|
|
17년 전
|
조회 1,163
|
|
|
|
17년 전
|
조회 1,273
|
|
|
|
17년 전
|
조회 2,437
|
|
|
헌이
|
17년 전
|
조회 4,229
|
|
|
|
17년 전
|
조회 1,232
|
|
|
|
17년 전
|
조회 3,977
|
|
|
|
17년 전
|
조회 4,132
|
|
|
|
17년 전
|
조회 1,245
|
|
|
|
17년 전
|
조회 2,210
|
|
|
|
17년 전
|
조회 1,654
|
|
|
관리자
|
17년 전
|
조회 3,253
|
|
|
|
17년 전
|
조회 1,395
|
|
|
|
17년 전
|
조회 3,638
|
|
|
|
17년 전
|
조회 3,434
|
|
|
|
17년 전
|
조회 2,598
|
|
|
|
17년 전
|
조회 2,973
|
|
|
|
17년 전
|
조회 2,664
|
|
|
|
17년 전
|
조회 1,980
|
|
|
|
17년 전
|
조회 3,346
|
|
|
|
17년 전
|
조회 2,665
|
|
|
|
17년 전
|
조회 3,555
|
|
|
|
17년 전
|
조회 1,176
|
|
|
|
17년 전
|
조회 2,287
|
|
|
|
17년 전
|
조회 1,356
|
|
|
|
17년 전
|
조회 1,230
|
|
|
|
17년 전
|
조회 1,100
|
|
|
|
17년 전
|
조회 1,084
|
|
|
|
17년 전
|
조회 1,455
|
|
|
|
17년 전
|
조회 2,896
|
|
|
관리자
|
17년 전
|
조회 3,292
|
|
|
|
17년 전
|
조회 3,035
|
|
|
|
17년 전
|
조회 1,915
|
|
|
|
17년 전
|
조회 4,020
|
|
|
|
17년 전
|
조회 1,440
|
|
|
|
17년 전
|
조회 1,160
|
|
|
|
17년 전
|
조회 1,272
|
|
|
|
17년 전
|
조회 1,149
|
|
|
|
17년 전
|
조회 1,401
|
|
|
|
17년 전
|
조회 1,766
|
댓글 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번까지만 해 보았습니다..^^