|
|
|
17년 전
|
조회 1,117
|
|
|
|
17년 전
|
조회 2,920
|
|
|
|
17년 전
|
조회 2,458
|
|
|
|
17년 전
|
조회 2,039
|
|
|
|
17년 전
|
조회 2,039
|
|
|
|
17년 전
|
조회 1,792
|
|
|
|
17년 전
|
조회 2,238
|
|
|
|
17년 전
|
조회 2,010
|
|
|
|
17년 전
|
조회 1,982
|
|
|
|
17년 전
|
조회 1,871
|
|
|
|
17년 전
|
조회 1,207
|
|
|
 너굴군
|
17년 전
|
조회 1,823
|
|
|
너굴군
|
17년 전
|
조회 2,226
|
|
|
|
17년 전
|
조회 2,296
|
|
|
|
17년 전
|
조회 1,637
|
|
|
|
17년 전
|
조회 1,506
|
|
|
|
17년 전
|
조회 1,354
|
|
|
|
17년 전
|
조회 2,573
|
|
|
|
17년 전
|
조회 2,669
|
|
|
|
17년 전
|
조회 2,066
|
|
|
|
17년 전
|
조회 2,411
|
|
|
|
17년 전
|
조회 2,716
|
|
|
|
17년 전
|
조회 1,320
|
|
|
|
17년 전
|
조회 1,186
|
|
|
 헌이
|
17년 전
|
조회 6,319
|
|
|
|
17년 전
|
조회 1,170
|
|
|
|
17년 전
|
조회 1,619
|
|
|
 관리자
|
17년 전
|
조회 1,770
|
|
|
|
17년 전
|
조회 1,094
|
|
|
|
17년 전
|
조회 1,186
|
|
|
|
17년 전
|
조회 1,886
|
|
|
|
17년 전
|
조회 1,517
|
|
|
관리자
|
17년 전
|
조회 3,616
|
|
|
|
17년 전
|
조회 1,202
|
|
|
|
17년 전
|
조회 1,906
|
|
|
|
17년 전
|
조회 1,163
|
|
|
|
17년 전
|
조회 1,378
|
|
|
|
17년 전
|
조회 2,357
|
|
|
|
17년 전
|
조회 2,009
|
|
|
|
17년 전
|
조회 1,031
|
|
|
|
17년 전
|
조회 1,035
|
|
|
|
17년 전
|
조회 1,087
|
|
|
|
17년 전
|
조회 6,042
|
|
|
|
17년 전
|
조회 5,846
|
|
|
관리자
|
17년 전
|
조회 2,022
|
|
|
|
17년 전
|
조회 1,017
|
|
|
|
17년 전
|
조회 1,113
|
|
|
|
17년 전
|
조회 2,077
|
|
|
|
17년 전
|
조회 1,508
|
|
|
|
17년 전
|
조회 1,154
|
|
|
|
17년 전
|
조회 1,182
|
|
|
|
17년 전
|
조회 1,124
|
|
|
|
17년 전
|
조회 1,038
|
|
|
|
17년 전
|
조회 3,953
|
|
|
|
17년 전
|
조회 2,158
|
|
|
관리자
|
17년 전
|
조회 1,614
|
|
|
|
17년 전
|
조회 2,758
|
|
|
|
17년 전
|
조회 1,462
|
|
|
|
17년 전
|
조회 1,146
|
|
|
|
17년 전
|
조회 1,168
|
|
|
|
17년 전
|
조회 1,236
|
|
|
|
17년 전
|
조회 1,122
|
|
|
|
17년 전
|
조회 1,240
|
|
|
|
17년 전
|
조회 2,392
|
|
|
헌이
|
17년 전
|
조회 4,178
|
|
|
|
17년 전
|
조회 1,183
|
|
|
|
17년 전
|
조회 3,943
|
|
|
|
17년 전
|
조회 4,093
|
|
|
|
17년 전
|
조회 1,208
|
|
|
|
17년 전
|
조회 2,172
|
|
|
|
17년 전
|
조회 1,616
|
|
|
관리자
|
17년 전
|
조회 3,209
|
|
|
|
17년 전
|
조회 1,351
|
|
|
|
17년 전
|
조회 3,593
|
|
|
|
17년 전
|
조회 3,385
|
|
|
|
17년 전
|
조회 2,557
|
|
|
|
17년 전
|
조회 2,931
|
|
|
|
17년 전
|
조회 2,621
|
|
|
|
17년 전
|
조회 1,939
|
|
|
|
17년 전
|
조회 3,308
|
|
|
|
17년 전
|
조회 2,618
|
|
|
|
17년 전
|
조회 3,517
|
|
|
|
17년 전
|
조회 1,144
|
|
|
|
17년 전
|
조회 2,247
|
|
|
|
17년 전
|
조회 1,317
|
|
|
|
17년 전
|
조회 1,184
|
|
|
|
17년 전
|
조회 1,059
|
|
|
|
17년 전
|
조회 1,043
|
|
|
|
17년 전
|
조회 1,416
|
|
|
|
17년 전
|
조회 2,855
|
|
|
관리자
|
17년 전
|
조회 3,249
|
|
|
|
17년 전
|
조회 2,995
|
|
|
|
17년 전
|
조회 1,876
|
|
|
|
17년 전
|
조회 3,991
|
|
|
|
17년 전
|
조회 1,403
|
|
|
|
17년 전
|
조회 1,117
|
|
|
|
17년 전
|
조회 1,229
|
|
|
|
17년 전
|
조회 1,108
|
|
|
|
17년 전
|
조회 1,361
|
|
|
|
17년 전
|
조회 1,731
|
댓글 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번까지만 해 보았습니다..^^