|
|
|
17년 전
|
조회 1,222
|
|
|
|
17년 전
|
조회 3,030
|
|
|
|
17년 전
|
조회 2,573
|
|
|
|
17년 전
|
조회 2,147
|
|
|
|
17년 전
|
조회 2,158
|
|
|
|
17년 전
|
조회 1,899
|
|
|
|
17년 전
|
조회 2,346
|
|
|
|
17년 전
|
조회 2,123
|
|
|
|
17년 전
|
조회 2,087
|
|
|
|
17년 전
|
조회 1,976
|
|
|
|
17년 전
|
조회 1,299
|
|
|
너굴군
|
17년 전
|
조회 1,920
|
|
|
너굴군
|
17년 전
|
조회 2,338
|
|
|
|
17년 전
|
조회 2,418
|
|
|
|
17년 전
|
조회 1,746
|
|
|
|
17년 전
|
조회 1,600
|
|
|
|
17년 전
|
조회 1,471
|
|
|
|
17년 전
|
조회 2,680
|
|
|
|
17년 전
|
조회 2,780
|
|
|
|
17년 전
|
조회 2,173
|
|
|
|
17년 전
|
조회 2,521
|
|
|
|
17년 전
|
조회 2,828
|
|
|
|
17년 전
|
조회 1,425
|
|
|
|
17년 전
|
조회 1,285
|
|
|
헌이
|
17년 전
|
조회 6,442
|
|
|
|
17년 전
|
조회 1,284
|
|
|
|
17년 전
|
조회 1,734
|
|
|
관리자
|
17년 전
|
조회 1,882
|
|
|
|
17년 전
|
조회 1,196
|
|
|
|
17년 전
|
조회 1,287
|
|
|
|
17년 전
|
조회 1,989
|
|
|
|
17년 전
|
조회 1,623
|
|
|
관리자
|
17년 전
|
조회 3,742
|
|
|
|
17년 전
|
조회 1,311
|
|
|
|
17년 전
|
조회 2,024
|
|
|
|
17년 전
|
조회 1,265
|
|
|
|
17년 전
|
조회 1,503
|
|
|
|
17년 전
|
조회 2,477
|
|
|
|
17년 전
|
조회 2,120
|
|
|
|
17년 전
|
조회 1,130
|
|
|
|
17년 전
|
조회 1,147
|
|
|
|
17년 전
|
조회 1,208
|
|
|
|
17년 전
|
조회 6,148
|
|
|
|
17년 전
|
조회 5,951
|
|
|
관리자
|
17년 전
|
조회 2,144
|
|
|
|
17년 전
|
조회 1,117
|
|
|
|
17년 전
|
조회 1,225
|
|
|
|
17년 전
|
조회 2,190
|
|
|
|
17년 전
|
조회 1,602
|
|
|
|
17년 전
|
조회 1,264
|
|
|
|
17년 전
|
조회 1,287
|
|
|
|
17년 전
|
조회 1,217
|
|
|
|
17년 전
|
조회 1,154
|
|
|
|
17년 전
|
조회 4,072
|
|
|
|
17년 전
|
조회 2,276
|
|
|
관리자
|
17년 전
|
조회 1,729
|
|
|
|
17년 전
|
조회 2,880
|
|
|
|
17년 전
|
조회 1,566
|
|
|
|
17년 전
|
조회 1,245
|
|
|
|
17년 전
|
조회 1,273
|
|
|
|
17년 전
|
조회 1,339
|
|
|
|
17년 전
|
조회 1,225
|
|
|
|
17년 전
|
조회 1,330
|
|
|
|
17년 전
|
조회 2,516
|
|
|
헌이
|
17년 전
|
조회 4,304
|
|
|
|
17년 전
|
조회 1,286
|
|
|
|
17년 전
|
조회 4,051
|
|
|
|
17년 전
|
조회 4,198
|
|
|
|
17년 전
|
조회 1,310
|
|
|
|
17년 전
|
조회 2,275
|
|
|
|
17년 전
|
조회 1,720
|
|
|
관리자
|
17년 전
|
조회 3,327
|
|
|
|
17년 전
|
조회 1,460
|
|
|
|
17년 전
|
조회 3,704
|
|
|
|
17년 전
|
조회 3,510
|
|
|
|
17년 전
|
조회 2,673
|
|
|
|
17년 전
|
조회 3,041
|
|
|
|
17년 전
|
조회 2,731
|
|
|
|
17년 전
|
조회 2,055
|
|
|
|
17년 전
|
조회 3,414
|
|
|
|
17년 전
|
조회 2,738
|
|
|
|
17년 전
|
조회 3,630
|
|
|
|
17년 전
|
조회 1,240
|
|
|
|
17년 전
|
조회 2,359
|
|
|
|
17년 전
|
조회 1,418
|
|
|
|
17년 전
|
조회 1,288
|
|
|
|
17년 전
|
조회 1,166
|
|
|
|
17년 전
|
조회 1,145
|
|
|
|
17년 전
|
조회 1,527
|
|
|
|
17년 전
|
조회 2,975
|
|
|
관리자
|
17년 전
|
조회 3,362
|
|
|
|
17년 전
|
조회 3,111
|
|
|
|
17년 전
|
조회 1,986
|
|
|
|
17년 전
|
조회 4,098
|
|
|
|
17년 전
|
조회 1,505
|
|
|
|
17년 전
|
조회 1,228
|
|
|
|
17년 전
|
조회 1,343
|
|
|
|
17년 전
|
조회 1,219
|
|
|
|
17년 전
|
조회 1,460
|
|
|
|
17년 전
|
조회 1,823
|
댓글 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번까지만 해 보았습니다..^^