|
|
|
08-06-19
|
조회 2,352
|
|
|
|
08-06-15
|
조회 3,089
|
|
|
|
08-06-15
|
조회 2,327
|
|
|
|
08-06-14
|
조회 2,646
|
|
|
|
08-06-14
|
조회 3,543
|
|
|
|
08-06-14
|
조회 3,254
|
|
|
|
08-06-12
|
조회 2,151
|
|
|
|
08-06-11
|
조회 2,180
|
|
|
|
08-06-11
|
조회 2,284
|
|
|
|
08-06-11
|
조회 7,315
|
|
|
|
08-06-11
|
조회 7,043
|
|
|
 관리자
|
08-06-08
|
조회 3,222
|
|
|
|
08-06-07
|
조회 2,163
|
|
|
|
08-06-05
|
조회 2,284
|
|
|
|
08-06-05
|
조회 3,262
|
|
|
|
08-06-05
|
조회 2,638
|
|
|
|
08-06-05
|
조회 2,297
|
|
|
|
08-06-05
|
조회 2,316
|
|
|
|
08-06-04
|
조회 2,237
|
|
|
|
08-06-03
|
조회 2,220
|
|
|
|
08-06-03
|
조회 5,283
|
|
|
|
08-06-03
|
조회 3,506
|
|
|
관리자
|
08-06-02
|
조회 2,813
|
|
|
|
08-06-02
|
조회 3,955
|
|
|
|
08-06-01
|
조회 2,584
|
|
|
|
08-05-31
|
조회 2,285
|
|
|
|
08-05-31
|
조회 2,306
|
|
|
|
08-05-31
|
조회 2,386
|
|
|
|
08-05-30
|
조회 2,268
|
|
|
|
08-05-29
|
조회 2,404
|
|
|
|
08-05-29
|
조회 3,657
|
|
|
 헌이
|
08-05-27
|
조회 5,477
|
|
|
|
08-05-26
|
조회 2,327
|
|
|
|
08-05-26
|
조회 5,238
|
|
|
|
08-05-25
|
조회 5,308
|
|
|
|
08-05-24
|
조회 2,386
|
|
|
|
08-05-23
|
조회 3,378
|
|
|
|
08-05-23
|
조회 2,782
|
|
|
관리자
|
08-05-23
|
조회 4,512
|
|
|
|
08-05-22
|
조회 2,561
|
|
|
|
08-05-21
|
조회 4,894
|
|
|
|
08-05-21
|
조회 4,690
|
|
|
|
08-05-21
|
조회 3,848
|
|
|
|
08-05-20
|
조회 4,443
|
|
|
|
08-05-20
|
조회 4,020
|
|
|
|
08-05-20
|
조회 3,257
|
|
|
|
08-05-20
|
조회 4,519
|
|
|
|
08-05-20
|
조회 3,874
|
|
|
|
08-05-20
|
조회 4,772
|
|
|
|
08-05-19
|
조회 2,313
|
|
|
|
08-05-16
|
조회 3,440
|
|
|
|
08-05-15
|
조회 2,509
|
|
|
|
08-05-15
|
조회 2,346
|
|
|
|
08-05-15
|
조회 2,338
|
|
|
|
08-05-14
|
조회 2,234
|
|
|
|
08-05-13
|
조회 2,689
|
|
|
|
08-05-13
|
조회 4,093
|
|
|
관리자
|
08-05-13
|
조회 4,529
|
|
|
|
08-05-09
|
조회 4,305
|
|
|
|
08-05-08
|
조회 3,062
|
|
|
|
08-05-08
|
조회 5,225
|
|
|
|
08-05-08
|
조회 2,598
|
|
|
|
08-05-07
|
조회 2,301
|
|
|
|
08-05-07
|
조회 2,455
|
|
|
|
08-05-07
|
조회 2,260
|
|
|
|
08-05-01
|
조회 2,577
|
|
|
|
08-05-01
|
조회 2,924
|
|
|
|
08-04-29
|
조회 3,752
|
|
|
관리자
|
08-04-28
|
조회 3,569
|
|
|
|
08-04-26
|
조회 2,589
|
|
|
|
08-04-26
|
조회 2,328
|
|
|
|
08-04-26
|
조회 3,586
|
|
|
|
08-04-25
|
조회 4,010
|
|
|
|
08-04-23
|
조회 4,442
|
|
|
|
08-04-22
|
조회 4,360
|
|
|
|
08-04-22
|
조회 3,523
|
|
|
|
08-04-22
|
조회 5,062
|
|
|
|
08-04-22
|
조회 4,433
|
|
|
|
08-04-22
|
조회 6,802
|
|
|
|
08-04-22
|
조회 3,893
|
|
|
|
08-04-21
|
조회 3,042
|
|
|
|
08-04-21
|
조회 3,119
|
|
|
|
08-04-21
|
조회 3,064
|
|
|
|
08-04-21
|
조회 2,908
|
|
|
|
08-04-21
|
조회 4,023
|
|
|
|
08-04-20
|
조회 3,179
|
|
|
|
08-04-20
|
조회 2,749
|
|
|
|
08-04-20
|
조회 3,374
|
|
|
|
08-04-19
|
조회 2,289
|
|
|
|
08-04-18
|
조회 2,854
|
|
|
관리자
|
08-04-18
|
조회 4,288
|
|
|
|
08-04-17
|
조회 3,532
|
|
|
|
08-04-17
|
조회 2,987
|
|
|
|
08-04-17
|
조회 3,220
|
|
|
|
08-04-17
|
조회 2,499
|
|
|
|
08-04-17
|
조회 2,906
|
|
|
|
08-04-17
|
조회 2,386
|
|
|
|
08-04-17
|
조회 2,947
|
|
|
|
08-04-17
|
조회 2,984
|
|
|
|
08-04-17
|
조회 2,191
|
댓글 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번까지만 해 보았습니다..^^