다

프로그램 질문이요!!!

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

프로그램

8,188건
+
제목 글쓴이 날짜 조회
08-06-19 조회 2,384
08-06-15 조회 3,135
08-06-15 조회 2,357
08-06-14 조회 2,690
08-06-14 조회 3,589
08-06-14 조회 3,292
08-06-12 조회 2,179
08-06-11 조회 2,212
08-06-11 조회 2,299
08-06-11 조회 7,334
08-06-11 조회 7,062
08-06-08 조회 3,253
08-06-07 조회 2,188
08-06-05 조회 2,306
08-06-05 조회 3,286
08-06-05 조회 2,654
08-06-05 조회 2,313
08-06-05 조회 2,340
08-06-04 조회 2,260
08-06-03 조회 2,251
08-06-03 조회 5,322
08-06-03 조회 3,555
08-06-02 조회 2,858
08-06-02 조회 3,990
08-06-01 조회 2,610
08-05-31 조회 2,301
08-05-31 조회 2,325
08-05-31 조회 2,408
08-05-30 조회 2,288
08-05-29 조회 2,424
08-05-29 조회 3,682
08-05-27 조회 5,512
08-05-26 조회 2,360
08-05-26 조회 5,275
08-05-25 조회 5,340
08-05-24 조회 2,413
08-05-23 조회 3,413
08-05-23 조회 2,826
08-05-23 조회 4,573
08-05-22 조회 2,593
08-05-21 조회 4,935
08-05-21 조회 4,722
08-05-21 조회 3,875
08-05-20 조회 4,467
08-05-20 조회 4,056
08-05-20 조회 3,288
08-05-20 조회 4,558
08-05-20 조회 3,907
08-05-20 조회 4,793
08-05-19 조회 2,325
08-05-16 조회 3,459
08-05-15 조회 2,523
08-05-15 조회 2,358
08-05-15 조회 2,349
08-05-14 조회 2,274
08-05-13 조회 2,728
08-05-13 조회 4,116
08-05-13 조회 4,559
08-05-09 조회 4,335
08-05-08 조회 3,080
08-05-08 조회 5,240
08-05-08 조회 2,610
08-05-07 조회 2,313
08-05-07 조회 2,467
08-05-07 조회 2,274
08-05-01 조회 2,588
08-05-01 조회 2,939
08-04-29 조회 3,783
08-04-28 조회 3,598
08-04-26 조회 2,607
08-04-26 조회 2,346
08-04-26 조회 3,606
08-04-25 조회 4,035
08-04-23 조회 4,476
08-04-22 조회 4,411
08-04-22 조회 3,554
08-04-22 조회 5,114
08-04-22 조회 4,490
08-04-22 조회 6,866
08-04-22 조회 3,944
08-04-21 조회 3,079
08-04-21 조회 3,139
08-04-21 조회 3,091
08-04-21 조회 2,927
08-04-21 조회 4,044
08-04-20 조회 3,202
08-04-20 조회 2,894
08-04-20 조회 3,417
08-04-19 조회 2,318
08-04-18 조회 3,017
08-04-18 조회 4,335
08-04-17 조회 3,569
08-04-17 조회 3,021
08-04-17 조회 3,247
08-04-17 조회 2,517
08-04-17 조회 2,921
08-04-17 조회 2,406
08-04-17 조회 2,968
08-04-17 조회 3,021
08-04-17 조회 2,219