|
|
|
17년 전
|
조회 1,652
|
|
|
|
17년 전
|
조회 1,113
|
|
|
|
17년 전
|
조회 1,212
|
|
|
|
17년 전
|
조회 1,540
|
|
|
|
17년 전
|
조회 1,226
|
|
|
|
17년 전
|
조회 1,190
|
|
|
|
17년 전
|
조회 1,054
|
|
|
|
17년 전
|
조회 1,061
|
|
|
|
17년 전
|
조회 1,108
|
|
|
|
17년 전
|
조회 1,040
|
|
|
|
17년 전
|
조회 1,134
|
|
|
|
17년 전
|
조회 1,532
|
|
|
|
17년 전
|
조회 1,175
|
|
|
|
17년 전
|
조회 1,217
|
|
|
|
17년 전
|
조회 1,152
|
|
|
|
17년 전
|
조회 1,068
|
|
|
|
17년 전
|
조회 1,489
|
|
|
|
17년 전
|
조회 1,182
|
|
|
|
17년 전
|
조회 1,200
|
|
|
|
17년 전
|
조회 1,266
|
|
|
|
17년 전
|
조회 1,156
|
|
|
|
17년 전
|
조회 1,263
|
|
|
|
17년 전
|
조회 1,207
|
|
|
|
17년 전
|
조회 1,238
|
|
|
|
17년 전
|
조회 1,381
|
댓글 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번까지만 해 보았습니다..^^