|
|
|
17년 전
|
조회 2,046
|
|
|
|
17년 전
|
조회 2,286
|
|
|
|
17년 전
|
조회 2,678
|
|
|
|
17년 전
|
조회 2,001
|
|
|
|
17년 전
|
조회 2,158
|
|
|
|
17년 전
|
조회 2,461
|
|
|
|
17년 전
|
조회 2,002
|
|
|
|
17년 전
|
조회 2,072
|
|
|
|
17년 전
|
조회 1,805
|
|
|
|
17년 전
|
조회 1,840
|
|
|
|
17년 전
|
조회 2,016
|
|
|
|
17년 전
|
조회 1,856
|
|
|
|
17년 전
|
조회 2,011
|
|
|
|
17년 전
|
조회 2,332
|
|
|
|
17년 전
|
조회 2,034
|
|
|
|
17년 전
|
조회 2,578
|
|
|
|
17년 전
|
조회 2,017
|
|
|
|
17년 전
|
조회 1,858
|
|
|
|
17년 전
|
조회 2,333
|
|
|
|
17년 전
|
조회 2,037
|
|
|
|
17년 전
|
조회 1,970
|
|
|
|
17년 전
|
조회 2,005
|
|
|
|
17년 전
|
조회 2,171
|
|
|
|
17년 전
|
조회 2,062
|
|
|
|
17년 전
|
조회 2,066
|
|
|
|
17년 전
|
조회 2,033
|
|
|
|
17년 전
|
조회 2,380
|
|
|
|
17년 전
|
조회 2,175
|
|
|
|
17년 전
|
조회 1,980
|
|
|
|
17년 전
|
조회 1,876
|
댓글 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번까지만 해 보았습니다..^^