|
|
|
17년 전
|
조회 1,452
|
|
|
|
17년 전
|
조회 3,222
|
|
|
|
17년 전
|
조회 2,794
|
|
|
|
17년 전
|
조회 2,359
|
|
|
|
17년 전
|
조회 2,377
|
|
|
|
17년 전
|
조회 2,125
|
|
|
|
17년 전
|
조회 2,565
|
|
|
|
17년 전
|
조회 2,354
|
|
|
|
17년 전
|
조회 2,294
|
|
|
|
17년 전
|
조회 2,204
|
|
|
|
17년 전
|
조회 1,512
|
|
|
 너굴군
|
17년 전
|
조회 2,141
|
|
|
너굴군
|
17년 전
|
조회 2,569
|
|
|
|
17년 전
|
조회 2,640
|
|
|
|
17년 전
|
조회 1,965
|
|
|
|
17년 전
|
조회 1,811
|
|
|
|
17년 전
|
조회 1,685
|
|
|
|
17년 전
|
조회 2,908
|
|
|
|
17년 전
|
조회 2,990
|
|
|
|
17년 전
|
조회 2,395
|
|
|
|
17년 전
|
조회 2,742
|
|
|
|
17년 전
|
조회 3,051
|
|
|
|
17년 전
|
조회 1,645
|
|
|
|
17년 전
|
조회 1,475
|
|
|
 헌이
|
17년 전
|
조회 6,666
|
|
|
|
17년 전
|
조회 1,495
|
|
|
|
17년 전
|
조회 1,950
|
|
|
 관리자
|
17년 전
|
조회 2,100
|
|
|
|
17년 전
|
조회 1,419
|
|
|
|
17년 전
|
조회 1,504
|
|
|
|
17년 전
|
조회 2,193
|
|
|
|
17년 전
|
조회 1,846
|
|
|
관리자
|
17년 전
|
조회 3,956
|
|
|
|
17년 전
|
조회 1,532
|
|
|
|
17년 전
|
조회 2,229
|
|
|
|
17년 전
|
조회 1,485
|
|
|
|
17년 전
|
조회 1,706
|
|
|
|
17년 전
|
조회 2,692
|
|
|
|
17년 전
|
조회 2,358
|
|
|
|
17년 전
|
조회 1,333
|
|
|
|
17년 전
|
조회 1,354
|
|
|
|
17년 전
|
조회 1,410
|
|
|
|
17년 전
|
조회 6,371
|
|
|
|
17년 전
|
조회 6,187
|
|
|
관리자
|
17년 전
|
조회 2,356
|
|
|
|
17년 전
|
조회 1,351
|
|
|
|
17년 전
|
조회 1,465
|
|
|
|
17년 전
|
조회 2,413
|
|
|
|
17년 전
|
조회 1,814
|
|
|
|
17년 전
|
조회 1,481
|
|
|
|
17년 전
|
조회 1,491
|
|
|
|
17년 전
|
조회 1,428
|
|
|
|
17년 전
|
조회 1,381
|
|
|
|
17년 전
|
조회 4,275
|
|
|
|
17년 전
|
조회 2,506
|
|
|
관리자
|
17년 전
|
조회 1,940
|
|
|
|
17년 전
|
조회 3,089
|
|
|
|
17년 전
|
조회 1,779
|
|
|
|
17년 전
|
조회 1,460
|
|
|
|
17년 전
|
조회 1,504
|
|
|
|
17년 전
|
조회 1,553
|
|
|
|
17년 전
|
조회 1,453
|
|
|
|
17년 전
|
조회 1,556
|
|
|
|
17년 전
|
조회 2,737
|
|
|
헌이
|
17년 전
|
조회 4,537
|
|
|
|
17년 전
|
조회 1,492
|
|
|
|
17년 전
|
조회 4,253
|
|
|
|
17년 전
|
조회 4,421
|
|
|
|
17년 전
|
조회 1,542
|
|
|
|
17년 전
|
조회 2,509
|
|
|
|
17년 전
|
조회 1,941
|
|
|
관리자
|
17년 전
|
조회 3,551
|
|
|
|
17년 전
|
조회 1,685
|
|
|
|
17년 전
|
조회 3,943
|
|
|
|
17년 전
|
조회 3,733
|
|
|
|
17년 전
|
조회 2,906
|
|
|
|
17년 전
|
조회 3,268
|
|
|
|
17년 전
|
조회 2,979
|
|
|
|
17년 전
|
조회 2,278
|
|
|
|
17년 전
|
조회 3,636
|
|
|
|
17년 전
|
조회 2,980
|
|
|
|
17년 전
|
조회 3,854
|
|
|
|
17년 전
|
조회 1,483
|
|
|
|
17년 전
|
조회 2,585
|
|
|
|
17년 전
|
조회 1,654
|
|
|
|
17년 전
|
조회 1,515
|
|
|
|
17년 전
|
조회 1,394
|
|
|
|
17년 전
|
조회 1,383
|
|
|
|
17년 전
|
조회 1,747
|
|
|
|
17년 전
|
조회 3,176
|
|
|
관리자
|
17년 전
|
조회 3,569
|
|
|
|
17년 전
|
조회 3,335
|
|
|
|
17년 전
|
조회 2,211
|
|
|
|
17년 전
|
조회 4,335
|
|
|
|
17년 전
|
조회 1,716
|
|
|
|
17년 전
|
조회 1,453
|
|
|
|
17년 전
|
조회 1,571
|
|
|
|
17년 전
|
조회 1,436
|
|
|
|
17년 전
|
조회 1,679
|
|
|
|
17년 전
|
조회 2,055
|
댓글 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번까지만 해 보았습니다..^^