|
|
|
08-06-19
|
조회 2,384
|
|
|
|
08-06-15
|
조회 3,135
|
|
|
|
08-06-15
|
조회 2,357
|
|
|
|
08-06-14
|
조회 2,692
|
|
|
|
08-06-14
|
조회 3,591
|
|
|
|
08-06-14
|
조회 3,293
|
|
|
|
08-06-12
|
조회 2,180
|
|
|
|
08-06-11
|
조회 2,213
|
|
|
|
08-06-11
|
조회 2,300
|
|
|
|
08-06-11
|
조회 7,335
|
|
|
|
08-06-11
|
조회 7,062
|
|
|
 관리자
|
08-06-08
|
조회 3,254
|
|
|
|
08-06-07
|
조회 2,190
|
|
|
|
08-06-05
|
조회 2,307
|
|
|
|
08-06-05
|
조회 3,287
|
|
|
|
08-06-05
|
조회 2,654
|
|
|
|
08-06-05
|
조회 2,314
|
|
|
|
08-06-05
|
조회 2,340
|
|
|
|
08-06-04
|
조회 2,260
|
|
|
|
08-06-03
|
조회 2,251
|
|
|
|
08-06-03
|
조회 5,322
|
|
|
|
08-06-03
|
조회 3,555
|
|
|
관리자
|
08-06-02
|
조회 2,859
|
|
|
|
08-06-02
|
조회 3,992
|
|
|
|
08-06-01
|
조회 2,611
|
|
|
|
08-05-31
|
조회 2,301
|
|
|
|
08-05-31
|
조회 2,325
|
|
|
|
08-05-31
|
조회 2,408
|
|
|
|
08-05-30
|
조회 2,288
|
|
|
|
08-05-29
|
조회 2,426
|
|
|
|
08-05-29
|
조회 3,682
|
|
|
 헌이
|
08-05-27
|
조회 5,512
|
|
|
|
08-05-26
|
조회 2,361
|
|
|
|
08-05-26
|
조회 5,277
|
|
|
|
08-05-25
|
조회 5,341
|
|
|
|
08-05-24
|
조회 2,413
|
|
|
|
08-05-23
|
조회 3,415
|
|
|
|
08-05-23
|
조회 2,827
|
|
|
관리자
|
08-05-23
|
조회 4,577
|
|
|
|
08-05-22
|
조회 2,593
|
|
|
|
08-05-21
|
조회 4,935
|
|
|
|
08-05-21
|
조회 4,723
|
|
|
|
08-05-21
|
조회 3,875
|
|
|
|
08-05-20
|
조회 4,468
|
|
|
|
08-05-20
|
조회 4,058
|
|
|
|
08-05-20
|
조회 3,288
|
|
|
|
08-05-20
|
조회 4,558
|
|
|
|
08-05-20
|
조회 3,909
|
|
|
|
08-05-20
|
조회 4,793
|
|
|
|
08-05-19
|
조회 2,327
|
|
|
|
08-05-16
|
조회 3,459
|
|
|
|
08-05-15
|
조회 2,525
|
|
|
|
08-05-15
|
조회 2,358
|
|
|
|
08-05-15
|
조회 2,349
|
|
|
|
08-05-14
|
조회 2,275
|
|
|
|
08-05-13
|
조회 2,728
|
|
|
|
08-05-13
|
조회 4,120
|
|
|
관리자
|
08-05-13
|
조회 4,561
|
|
|
|
08-05-09
|
조회 4,337
|
|
|
|
08-05-08
|
조회 3,084
|
|
|
|
08-05-08
|
조회 5,240
|
|
|
|
08-05-08
|
조회 2,610
|
|
|
|
08-05-07
|
조회 2,313
|
|
|
|
08-05-07
|
조회 2,468
|
|
|
|
08-05-07
|
조회 2,274
|
|
|
|
08-05-01
|
조회 2,588
|
|
|
|
08-05-01
|
조회 2,939
|
|
|
|
08-04-29
|
조회 3,783
|
|
|
관리자
|
08-04-28
|
조회 3,598
|
|
|
|
08-04-26
|
조회 2,607
|
|
|
|
08-04-26
|
조회 2,348
|
|
|
|
08-04-26
|
조회 3,607
|
|
|
|
08-04-25
|
조회 4,036
|
|
|
|
08-04-23
|
조회 4,476
|
|
|
|
08-04-22
|
조회 4,412
|
|
|
|
08-04-22
|
조회 3,554
|
|
|
|
08-04-22
|
조회 5,116
|
|
|
|
08-04-22
|
조회 4,492
|
|
|
|
08-04-22
|
조회 6,867
|
|
|
|
08-04-22
|
조회 3,944
|
|
|
|
08-04-21
|
조회 3,079
|
|
|
|
08-04-21
|
조회 3,139
|
|
|
|
08-04-21
|
조회 3,091
|
|
|
|
08-04-21
|
조회 2,928
|
|
|
|
08-04-21
|
조회 4,044
|
|
|
|
08-04-20
|
조회 3,202
|
|
|
|
08-04-20
|
조회 2,894
|
|
|
|
08-04-20
|
조회 3,417
|
|
|
|
08-04-19
|
조회 2,318
|
|
|
|
08-04-18
|
조회 3,017
|
|
|
관리자
|
08-04-18
|
조회 4,335
|
|
|
|
08-04-17
|
조회 3,572
|
|
|
|
08-04-17
|
조회 3,022
|
|
|
|
08-04-17
|
조회 3,247
|
|
|
|
08-04-17
|
조회 2,517
|
|
|
|
08-04-17
|
조회 2,921
|
|
|
|
08-04-17
|
조회 2,406
|
|
|
|
08-04-17
|
조회 2,968
|
|
|
|
08-04-17
|
조회 3,021
|
|
|
|
08-04-17
|
조회 2,219
|
댓글 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번까지만 해 보았습니다..^^