프로그램 질문이요!!!

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,362
17년 전 조회 3,159
17년 전 조회 2,716
17년 전 조회 2,284
17년 전 조회 2,310
17년 전 조회 2,042
17년 전 조회 2,481
17년 전 조회 2,273
17년 전 조회 2,216
17년 전 조회 2,117
17년 전 조회 1,416
17년 전 조회 2,073
17년 전 조회 2,470
17년 전 조회 2,563
17년 전 조회 1,876
17년 전 조회 1,727
17년 전 조회 1,602
17년 전 조회 2,820
17년 전 조회 2,901
17년 전 조회 2,316
17년 전 조회 2,661
17년 전 조회 2,962
17년 전 조회 1,561
17년 전 조회 1,406
17년 전 조회 6,585
17년 전 조회 1,415
17년 전 조회 1,868
17년 전 조회 2,018
17년 전 조회 1,335
17년 전 조회 1,412
17년 전 조회 2,104
17년 전 조회 1,748
17년 전 조회 3,880
17년 전 조회 1,444
17년 전 조회 2,154
17년 전 조회 1,395
17년 전 조회 1,641
17년 전 조회 2,617
17년 전 조회 2,265
17년 전 조회 1,250
17년 전 조회 1,265
17년 전 조회 1,332
17년 전 조회 6,287
17년 전 조회 6,103
17년 전 조회 2,283
17년 전 조회 1,256
17년 전 조회 1,373
17년 전 조회 2,340
17년 전 조회 1,729
17년 전 조회 1,391
17년 전 조회 1,416
17년 전 조회 1,345
17년 전 조회 1,301
17년 전 조회 4,209
17년 전 조회 2,424
17년 전 조회 1,869
17년 전 조회 3,013
17년 전 조회 1,704
17년 전 조회 1,377
17년 전 조회 1,424
17년 전 조회 1,471
17년 전 조회 1,368
17년 전 조회 1,465
17년 전 조회 2,652
17년 전 조회 4,459
17년 전 조회 1,415
17년 전 조회 4,179
17년 전 조회 4,337
17년 전 조회 1,441
17년 전 조회 2,416
17년 전 조회 1,865
17년 전 조회 3,456
17년 전 조회 1,602
17년 전 조회 3,846
17년 전 조회 3,655
17년 전 조회 2,820
17년 전 조회 3,173
17년 전 조회 2,884
17년 전 조회 2,191
17년 전 조회 3,552
17년 전 조회 2,885
17년 전 조회 3,768
17년 전 조회 1,377
17년 전 조회 2,495
17년 전 조회 1,558
17년 전 조회 1,416
17년 전 조회 1,298
17년 전 조회 1,294
17년 전 조회 1,661
17년 전 조회 3,106
17년 전 조회 3,489
17년 전 조회 3,249
17년 전 조회 2,136
17년 전 조회 4,246
17년 전 조회 1,636
17년 전 조회 1,356
17년 전 조회 1,474
17년 전 조회 1,347
17년 전 조회 1,586
17년 전 조회 1,964