프로그램 질문이요!!!

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,249
17년 전 조회 3,059
17년 전 조회 2,606
17년 전 조회 2,167
17년 전 조회 2,184
17년 전 조회 1,922
17년 전 조회 2,367
17년 전 조회 2,147
17년 전 조회 2,108
17년 전 조회 2,003
17년 전 조회 1,317
17년 전 조회 1,943
17년 전 조회 2,354
17년 전 조회 2,443
17년 전 조회 1,768
17년 전 조회 1,627
17년 전 조회 1,491
17년 전 조회 2,707
17년 전 조회 2,798
17년 전 조회 2,203
17년 전 조회 2,557
17년 전 조회 2,853
17년 전 조회 1,444
17년 전 조회 1,307
17년 전 조회 6,470
17년 전 조회 1,309
17년 전 조회 1,760
17년 전 조회 1,907
17년 전 조회 1,222
17년 전 조회 1,311
17년 전 조회 2,007
17년 전 조회 1,647
17년 전 조회 3,765
17년 전 조회 1,334
17년 전 조회 2,042
17년 전 조회 1,286
17년 전 조회 1,528
17년 전 조회 2,510
17년 전 조회 2,151
17년 전 조회 1,153
17년 전 조회 1,167
17년 전 조회 1,232
17년 전 조회 6,176
17년 전 조회 5,981
17년 전 조회 2,174
17년 전 조회 1,146
17년 전 조회 1,257
17년 전 조회 2,220
17년 전 조회 1,624
17년 전 조회 1,285
17년 전 조회 1,315
17년 전 조회 1,248
17년 전 조회 1,185
17년 전 조회 4,094
17년 전 조회 2,306
17년 전 조회 1,756
17년 전 조회 2,903
17년 전 조회 1,591
17년 전 조회 1,270
17년 전 조회 1,303
17년 전 조회 1,361
17년 전 조회 1,250
17년 전 조회 1,356
17년 전 조회 2,532
17년 전 조회 4,339
17년 전 조회 1,310
17년 전 조회 4,068
17년 전 조회 4,223
17년 전 조회 1,343
17년 전 조회 2,301
17년 전 조회 1,748
17년 전 조회 3,349
17년 전 조회 1,490
17년 전 조회 3,731
17년 전 조회 3,527
17년 전 조회 2,704
17년 전 조회 3,071
17년 전 조회 2,757
17년 전 조회 2,077
17년 전 조회 3,437
17년 전 조회 2,769
17년 전 조회 3,657
17년 전 조회 1,266
17년 전 조회 2,380
17년 전 조회 1,449
17년 전 조회 1,310
17년 전 조회 1,189
17년 전 조회 1,177
17년 전 조회 1,553
17년 전 조회 3,004
17년 전 조회 3,386
17년 전 조회 3,142
17년 전 조회 2,014
17년 전 조회 4,125
17년 전 조회 1,539
17년 전 조회 1,251
17년 전 조회 1,371
17년 전 조회 1,244
17년 전 조회 1,480
17년 전 조회 1,857