프로그램 질문이요!!!

ex.jpg
이미지 처럼요..
1메뉴를 클릭하면 그것에 대한 내용이 나오고..
2메뉴를 클릭하면 내용이 나오게 하는 프로그램 가르켜 주세요..
div를 이용하여 하는거 같은데..
자바스크립트에서 어떻게 해야하는지.. 모르겟어요..ㅠ.ㅠ

첨부파일

ex.jpg (12.2 KB)
0회 2008-06-05 15:33
|

댓글 2개

<html>
<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번까지만 해 보았습니다..^^
와우~~ 고마워요~~~ 몇일 끙끙댓었는뎅.. 고맙습니다
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

+
제목 글쓴이 날짜 조회
17년 전 조회 1,150
17년 전 조회 2,958
17년 전 조회 2,497
17년 전 조회 2,077
17년 전 조회 2,082
17년 전 조회 1,829
17년 전 조회 2,278
17년 전 조회 2,052
17년 전 조회 2,020
17년 전 조회 1,908
17년 전 조회 1,237
17년 전 조회 1,854
17년 전 조회 2,258
17년 전 조회 2,337
17년 전 조회 1,677
17년 전 조회 1,536
17년 전 조회 1,390
17년 전 조회 2,604
17년 전 조회 2,702
17년 전 조회 2,100
17년 전 조회 2,445
17년 전 조회 2,753
17년 전 조회 1,345
17년 전 조회 1,217
17년 전 조회 6,360
17년 전 조회 1,200
17년 전 조회 1,659
17년 전 조회 1,803
17년 전 조회 1,127
17년 전 조회 1,219
17년 전 조회 1,919
17년 전 조회 1,548
17년 전 조회 3,653
17년 전 조회 1,237
17년 전 조회 1,941
17년 전 조회 1,195
17년 전 조회 1,417
17년 전 조회 2,388
17년 전 조회 2,045
17년 전 조회 1,064
17년 전 조회 1,068
17년 전 조회 1,124
17년 전 조회 6,075
17년 전 조회 5,878
17년 전 조회 2,064
17년 전 조회 1,046
17년 전 조회 1,147
17년 전 조회 2,110
17년 전 조회 1,543
17년 전 조회 1,185
17년 전 조회 1,215
17년 전 조회 1,149
17년 전 조회 1,077
17년 전 조회 3,991
17년 전 조회 2,197
17년 전 조회 1,647
17년 전 조회 2,796
17년 전 조회 1,489
17년 전 조회 1,182
17년 전 조회 1,205
17년 전 조회 1,267
17년 전 조회 1,155
17년 전 조회 1,269
17년 전 조회 2,429
17년 전 조회 4,221
17년 전 조회 1,219
17년 전 조회 3,971
17년 전 조회 4,128
17년 전 조회 1,237
17년 전 조회 2,205
17년 전 조회 1,648
17년 전 조회 3,243
17년 전 조회 1,385
17년 전 조회 3,630
17년 전 조회 3,424
17년 전 조회 2,588
17년 전 조회 2,966
17년 전 조회 2,654
17년 전 조회 1,972
17년 전 조회 3,339
17년 전 조회 2,657
17년 전 조회 3,548
17년 전 조회 1,172
17년 전 조회 2,278
17년 전 조회 1,346
17년 전 조회 1,224
17년 전 조회 1,094
17년 전 조회 1,074
17년 전 조회 1,447
17년 전 조회 2,888
17년 전 조회 3,285
17년 전 조회 3,027
17년 전 조회 1,908
17년 전 조회 4,019
17년 전 조회 1,434
17년 전 조회 1,154
17년 전 조회 1,263
17년 전 조회 1,142
17년 전 조회 1,399
17년 전 조회 1,760