|
|
|
17년 전
|
조회 1,360
|
|
|
|
17년 전
|
조회 3,158
|
|
|
|
17년 전
|
조회 2,715
|
|
|
|
17년 전
|
조회 2,283
|
|
|
|
17년 전
|
조회 2,307
|
|
|
|
17년 전
|
조회 2,040
|
|
|
|
17년 전
|
조회 2,478
|
|
|
|
17년 전
|
조회 2,269
|
|
|
|
17년 전
|
조회 2,213
|
|
|
|
17년 전
|
조회 2,115
|
|
|
|
17년 전
|
조회 1,412
|
|
|
너굴군
|
17년 전
|
조회 2,067
|
|
|
너굴군
|
17년 전
|
조회 2,467
|
|
|
|
17년 전
|
조회 2,560
|
|
|
|
17년 전
|
조회 1,875
|
|
|
|
17년 전
|
조회 1,722
|
|
|
|
17년 전
|
조회 1,602
|
|
|
|
17년 전
|
조회 2,815
|
|
|
|
17년 전
|
조회 2,898
|
|
|
|
17년 전
|
조회 2,313
|
|
|
|
17년 전
|
조회 2,656
|
|
|
|
17년 전
|
조회 2,962
|
|
|
|
17년 전
|
조회 1,558
|
|
|
|
17년 전
|
조회 1,405
|
|
|
헌이
|
17년 전
|
조회 6,584
|
|
|
|
17년 전
|
조회 1,412
|
|
|
|
17년 전
|
조회 1,867
|
|
|
관리자
|
17년 전
|
조회 2,016
|
|
|
|
17년 전
|
조회 1,333
|
|
|
|
17년 전
|
조회 1,409
|
|
|
|
17년 전
|
조회 2,098
|
|
|
|
17년 전
|
조회 1,745
|
|
|
관리자
|
17년 전
|
조회 3,879
|
|
|
|
17년 전
|
조회 1,441
|
|
|
|
17년 전
|
조회 2,152
|
|
|
|
17년 전
|
조회 1,392
|
|
|
|
17년 전
|
조회 1,639
|
|
|
|
17년 전
|
조회 2,615
|
|
|
|
17년 전
|
조회 2,261
|
|
|
|
17년 전
|
조회 1,248
|
|
|
|
17년 전
|
조회 1,264
|
|
|
|
17년 전
|
조회 1,329
|
|
|
|
17년 전
|
조회 6,285
|
|
|
|
17년 전
|
조회 6,102
|
|
|
관리자
|
17년 전
|
조회 2,282
|
|
|
|
17년 전
|
조회 1,252
|
|
|
|
17년 전
|
조회 1,368
|
|
|
|
17년 전
|
조회 2,336
|
|
|
|
17년 전
|
조회 1,727
|
|
|
|
17년 전
|
조회 1,388
|
|
|
|
17년 전
|
조회 1,413
|
|
|
|
17년 전
|
조회 1,342
|
|
|
|
17년 전
|
조회 1,297
|
|
|
|
17년 전
|
조회 4,207
|
|
|
|
17년 전
|
조회 2,424
|
|
|
관리자
|
17년 전
|
조회 1,868
|
|
|
|
17년 전
|
조회 3,008
|
|
|
|
17년 전
|
조회 1,702
|
|
|
|
17년 전
|
조회 1,374
|
|
|
|
17년 전
|
조회 1,423
|
|
|
|
17년 전
|
조회 1,469
|
|
|
|
17년 전
|
조회 1,365
|
|
|
|
17년 전
|
조회 1,460
|
|
|
|
17년 전
|
조회 2,649
|
|
|
헌이
|
17년 전
|
조회 4,458
|
|
|
|
17년 전
|
조회 1,410
|
|
|
|
17년 전
|
조회 4,178
|
|
|
|
17년 전
|
조회 4,333
|
|
|
|
17년 전
|
조회 1,439
|
|
|
|
17년 전
|
조회 2,413
|
|
|
|
17년 전
|
조회 1,863
|
|
|
관리자
|
17년 전
|
조회 3,455
|
|
|
|
17년 전
|
조회 1,594
|
|
|
|
17년 전
|
조회 3,845
|
|
|
|
17년 전
|
조회 3,653
|
|
|
|
17년 전
|
조회 2,818
|
|
|
|
17년 전
|
조회 3,171
|
|
|
|
17년 전
|
조회 2,883
|
|
|
|
17년 전
|
조회 2,189
|
|
|
|
17년 전
|
조회 3,549
|
|
|
|
17년 전
|
조회 2,884
|
|
|
|
17년 전
|
조회 3,766
|
|
|
|
17년 전
|
조회 1,371
|
|
|
|
17년 전
|
조회 2,493
|
|
|
|
17년 전
|
조회 1,554
|
|
|
|
17년 전
|
조회 1,413
|
|
|
|
17년 전
|
조회 1,296
|
|
|
|
17년 전
|
조회 1,293
|
|
|
|
17년 전
|
조회 1,659
|
|
|
|
17년 전
|
조회 3,104
|
|
|
관리자
|
17년 전
|
조회 3,487
|
|
|
|
17년 전
|
조회 3,248
|
|
|
|
17년 전
|
조회 2,135
|
|
|
|
17년 전
|
조회 4,241
|
|
|
|
17년 전
|
조회 1,634
|
|
|
|
17년 전
|
조회 1,352
|
|
|
|
17년 전
|
조회 1,470
|
|
|
|
17년 전
|
조회 1,345
|
|
|
|
17년 전
|
조회 1,585
|
|
|
|
17년 전
|
조회 1,963
|
댓글 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번까지만 해 보았습니다..^^