|
|
|
17년 전
|
조회 2,019
|
|
|
|
17년 전
|
조회 2,250
|
|
|
|
17년 전
|
조회 2,647
|
|
|
|
17년 전
|
조회 1,972
|
|
|
|
17년 전
|
조회 2,127
|
|
|
|
17년 전
|
조회 2,424
|
|
|
|
17년 전
|
조회 1,977
|
|
|
|
17년 전
|
조회 2,052
|
|
|
|
17년 전
|
조회 1,778
|
|
|
|
17년 전
|
조회 1,809
|
|
|
|
17년 전
|
조회 1,986
|
|
|
|
17년 전
|
조회 1,823
|
|
|
|
17년 전
|
조회 1,980
|
|
|
|
17년 전
|
조회 2,302
|
|
|
|
17년 전
|
조회 2,013
|
|
|
|
17년 전
|
조회 2,549
|
|
|
|
17년 전
|
조회 1,987
|
|
|
|
17년 전
|
조회 1,827
|
|
|
|
17년 전
|
조회 2,300
|
|
|
|
17년 전
|
조회 2,014
|
|
|
|
17년 전
|
조회 1,941
|
|
|
|
17년 전
|
조회 1,972
|
|
|
|
17년 전
|
조회 2,140
|
|
|
|
17년 전
|
조회 2,038
|
|
|
|
17년 전
|
조회 2,037
|
|
|
|
17년 전
|
조회 2,012
|
|
|
|
17년 전
|
조회 2,353
|
|
|
|
17년 전
|
조회 2,147
|
|
|
|
17년 전
|
조회 1,952
|
|
|
|
17년 전
|
조회 1,847
|
댓글 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번까지만 해 보았습니다..^^