프로그램 질문이요!!!

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,207
17년 전 조회 3,014
17년 전 조회 2,552
17년 전 조회 2,133
17년 전 조회 2,140
17년 전 조회 1,884
17년 전 조회 2,333
17년 전 조회 2,104
17년 전 조회 2,071
17년 전 조회 1,957
17년 전 조회 1,289
17년 전 조회 1,902
17년 전 조회 2,320
17년 전 조회 2,403
17년 전 조회 1,728
17년 전 조회 1,589
17년 전 조회 1,451
17년 전 조회 2,666
17년 전 조회 2,758
17년 전 조회 2,152
17년 전 조회 2,504
17년 전 조회 2,811
17년 전 조회 1,408
17년 전 조회 1,259
17년 전 조회 6,420
17년 전 조회 1,261
17년 전 조회 1,715
17년 전 조회 1,859
17년 전 조회 1,181
17년 전 조회 1,274
17년 전 조회 1,974
17년 전 조회 1,610
17년 전 조회 3,714
17년 전 조회 1,296
17년 전 조회 2,003
17년 전 조회 1,251
17년 전 조회 1,481
17년 전 조회 2,451
17년 전 조회 2,103
17년 전 조회 1,116
17년 전 조회 1,125
17년 전 조회 1,191
17년 전 조회 6,132
17년 전 조회 5,931
17년 전 조회 2,122
17년 전 조회 1,106
17년 전 조회 1,208
17년 전 조회 2,165
17년 전 조회 1,586
17년 전 조회 1,242
17년 전 조회 1,264
17년 전 조회 1,200
17년 전 조회 1,139
17년 전 조회 4,042
17년 전 조회 2,256
17년 전 조회 1,703
17년 전 조회 2,843
17년 전 조회 1,552
17년 전 조회 1,234
17년 전 조회 1,262
17년 전 조회 1,326
17년 전 조회 1,208
17년 전 조회 1,316
17년 전 조회 2,485
17년 전 조회 4,276
17년 전 조회 1,270
17년 전 조회 4,024
17년 전 조회 4,184
17년 전 조회 1,295
17년 전 조회 2,260
17년 전 조회 1,704
17년 전 조회 3,308
17년 전 조회 1,441
17년 전 조회 3,683
17년 전 조회 3,484
17년 전 조회 2,644
17년 전 조회 3,016
17년 전 조회 2,711
17년 전 조회 2,027
17년 전 조회 3,394
17년 전 조회 2,714
17년 전 조회 3,604
17년 전 조회 1,226
17년 전 조회 2,335
17년 전 조회 1,402
17년 전 조회 1,276
17년 전 조회 1,150
17년 전 조회 1,132
17년 전 조회 1,508
17년 전 조회 2,942
17년 전 조회 3,345
17년 전 조회 3,085
17년 전 조회 1,963
17년 전 조회 4,066
17년 전 조회 1,484
17년 전 조회 1,211
17년 전 조회 1,323
17년 전 조회 1,197
17년 전 조회 1,445
17년 전 조회 1,805