프로그램 질문이요!!!

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,175
17년 전 조회 2,975
17년 전 조회 2,519
17년 전 조회 2,096
17년 전 조회 2,102
17년 전 조회 1,839
17년 전 조회 2,300
17년 전 조회 2,069
17년 전 조회 2,035
17년 전 조회 1,924
17년 전 조회 1,259
17년 전 조회 1,876
17년 전 조회 2,274
17년 전 조회 2,364
17년 전 조회 1,692
17년 전 조회 1,555
17년 전 조회 1,408
17년 전 조회 2,627
17년 전 조회 2,725
17년 전 조회 2,119
17년 전 조회 2,463
17년 전 조회 2,775
17년 전 조회 1,364
17년 전 조회 1,230
17년 전 조회 6,378
17년 전 조회 1,227
17년 전 조회 1,681
17년 전 조회 1,820
17년 전 조회 1,147
17년 전 조회 1,242
17년 전 조회 1,940
17년 전 조회 1,566
17년 전 조회 3,668
17년 전 조회 1,262
17년 전 조회 1,951
17년 전 조회 1,217
17년 전 조회 1,438
17년 전 조회 2,411
17년 전 조회 2,065
17년 전 조회 1,080
17년 전 조회 1,089
17년 전 조회 1,145
17년 전 조회 6,090
17년 전 조회 5,896
17년 전 조회 2,083
17년 전 조회 1,067
17년 전 조회 1,174
17년 전 조회 2,125
17년 전 조회 1,561
17년 전 조회 1,207
17년 전 조회 1,232
17년 전 조회 1,168
17년 전 조회 1,102
17년 전 조회 4,008
17년 전 조회 2,215
17년 전 조회 1,666
17년 전 조회 2,814
17년 전 조회 1,513
17년 전 조회 1,199
17년 전 조회 1,228
17년 전 조회 1,291
17년 전 조회 1,176
17년 전 조회 1,289
17년 전 조회 2,445
17년 전 조회 4,243
17년 전 조회 1,236
17년 전 조회 3,990
17년 전 조회 4,141
17년 전 조회 1,262
17년 전 조회 2,227
17년 전 조회 1,668
17년 전 조회 3,261
17년 전 조회 1,406
17년 전 조회 3,646
17년 전 조회 3,443
17년 전 조회 2,610
17년 전 조회 2,981
17년 전 조회 2,673
17년 전 조회 1,995
17년 전 조회 3,357
17년 전 조회 2,674
17년 전 조회 3,567
17년 전 조회 1,190
17년 전 조회 2,298
17년 전 조회 1,364
17년 전 조회 1,244
17년 전 조회 1,107
17년 전 조회 1,093
17년 전 조회 1,466
17년 전 조회 2,907
17년 전 조회 3,299
17년 전 조회 3,045
17년 전 조회 1,925
17년 전 조회 4,031
17년 전 조회 1,454
17년 전 조회 1,173
17년 전 조회 1,286
17년 전 조회 1,159
17년 전 조회 1,409
17년 전 조회 1,779