|
|
|
17년 전
|
조회 1,273
|
|
|
|
17년 전
|
조회 3,086
|
|
|
|
17년 전
|
조회 2,633
|
|
|
|
17년 전
|
조회 2,199
|
|
|
|
17년 전
|
조회 2,214
|
|
|
|
17년 전
|
조회 1,956
|
|
|
|
17년 전
|
조회 2,393
|
|
|
|
17년 전
|
조회 2,172
|
|
|
|
17년 전
|
조회 2,130
|
|
|
|
17년 전
|
조회 2,025
|
|
|
|
17년 전
|
조회 1,345
|
|
|
너굴군
|
17년 전
|
조회 1,972
|
|
|
너굴군
|
17년 전
|
조회 2,383
|
|
|
|
17년 전
|
조회 2,470
|
|
|
|
17년 전
|
조회 1,790
|
|
|
|
17년 전
|
조회 1,653
|
|
|
|
17년 전
|
조회 1,518
|
|
|
|
17년 전
|
조회 2,735
|
|
|
|
17년 전
|
조회 2,822
|
|
|
|
17년 전
|
조회 2,227
|
|
|
|
17년 전
|
조회 2,574
|
|
|
|
17년 전
|
조회 2,880
|
|
|
|
17년 전
|
조회 1,475
|
|
|
|
17년 전
|
조회 1,336
|
|
|
헌이
|
17년 전
|
조회 6,494
|
|
|
|
17년 전
|
조회 1,332
|
|
|
|
17년 전
|
조회 1,792
|
|
|
관리자
|
17년 전
|
조회 1,931
|
|
|
|
17년 전
|
조회 1,250
|
|
|
|
17년 전
|
조회 1,329
|
|
|
|
17년 전
|
조회 2,036
|
|
|
|
17년 전
|
조회 1,670
|
|
|
관리자
|
17년 전
|
조회 3,787
|
|
|
|
17년 전
|
조회 1,363
|
|
|
|
17년 전
|
조회 2,070
|
|
|
|
17년 전
|
조회 1,317
|
|
|
|
17년 전
|
조회 1,557
|
|
|
|
17년 전
|
조회 2,536
|
|
|
|
17년 전
|
조회 2,178
|
|
|
|
17년 전
|
조회 1,176
|
|
|
|
17년 전
|
조회 1,194
|
|
|
|
17년 전
|
조회 1,259
|
|
|
|
17년 전
|
조회 6,208
|
|
|
|
17년 전
|
조회 6,013
|
|
|
관리자
|
17년 전
|
조회 2,198
|
|
|
|
17년 전
|
조회 1,166
|
|
|
|
17년 전
|
조회 1,278
|
|
|
|
17년 전
|
조회 2,249
|
|
|
|
17년 전
|
조회 1,652
|
|
|
|
17년 전
|
조회 1,309
|
|
|
|
17년 전
|
조회 1,337
|
|
|
|
17년 전
|
조회 1,277
|
|
|
|
17년 전
|
조회 1,210
|
|
|
|
17년 전
|
조회 4,123
|
|
|
|
17년 전
|
조회 2,335
|
|
|
관리자
|
17년 전
|
조회 1,783
|
|
|
|
17년 전
|
조회 2,928
|
|
|
|
17년 전
|
조회 1,619
|
|
|
|
17년 전
|
조회 1,303
|
|
|
|
17년 전
|
조회 1,326
|
|
|
|
17년 전
|
조회 1,386
|
|
|
|
17년 전
|
조회 1,274
|
|
|
|
17년 전
|
조회 1,383
|
|
|
|
17년 전
|
조회 2,559
|
|
|
헌이
|
17년 전
|
조회 4,366
|
|
|
|
17년 전
|
조회 1,339
|
|
|
|
17년 전
|
조회 4,097
|
|
|
|
17년 전
|
조회 4,252
|
|
|
|
17년 전
|
조회 1,363
|
|
|
|
17년 전
|
조회 2,329
|
|
|
|
17년 전
|
조회 1,775
|
|
|
관리자
|
17년 전
|
조회 3,374
|
|
|
|
17년 전
|
조회 1,517
|
|
|
|
17년 전
|
조회 3,759
|
|
|
|
17년 전
|
조회 3,551
|
|
|
|
17년 전
|
조회 2,730
|
|
|
|
17년 전
|
조회 3,095
|
|
|
|
17년 전
|
조회 2,786
|
|
|
|
17년 전
|
조회 2,112
|
|
|
|
17년 전
|
조회 3,465
|
|
|
|
17년 전
|
조회 2,797
|
|
|
|
17년 전
|
조회 3,679
|
|
|
|
17년 전
|
조회 1,291
|
|
|
|
17년 전
|
조회 2,412
|
|
|
|
17년 전
|
조회 1,478
|
|
|
|
17년 전
|
조회 1,340
|
|
|
|
17년 전
|
조회 1,221
|
|
|
|
17년 전
|
조회 1,201
|
|
|
|
17년 전
|
조회 1,581
|
|
|
|
17년 전
|
조회 3,023
|
|
|
관리자
|
17년 전
|
조회 3,407
|
|
|
|
17년 전
|
조회 3,162
|
|
|
|
17년 전
|
조회 2,047
|
|
|
|
17년 전
|
조회 4,158
|
|
|
|
17년 전
|
조회 1,564
|
|
|
|
17년 전
|
조회 1,278
|
|
|
|
17년 전
|
조회 1,392
|
|
|
|
17년 전
|
조회 1,268
|
|
|
|
17년 전
|
조회 1,505
|
|
|
|
17년 전
|
조회 1,886
|
댓글 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번까지만 해 보았습니다..^^