다

프로그램 질문이요!!!

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-10-30 조회 2,690
08-10-30 조회 2,788
08-10-20 조회 2,519
08-10-11 조회 2,423
08-09-20 조회 4,167
08-09-20 조회 2,836
08-09-18 조회 2,707
08-09-18 조회 3,415
08-09-17 조회 3,282
08-09-05 조회 4,624
08-09-03 조회 2,746
08-08-18 조회 2,889
08-08-17 조회 2,625
08-08-13 조회 3,409
08-07-30 조회 3,468
08-07-28 조회 4,347
08-07-22 조회 5,576
08-07-22 조회 4,058
08-07-10 조회 3,029
08-07-08 조회 3,093
08-06-30 조회 3,852
08-06-30 조회 3,339
08-06-30 조회 3,654
08-06-14 조회 2,718
08-06-11 조회 7,086
08-06-05 조회 3,302
08-05-20 조회 4,817
08-05-13 조회 4,148
08-05-08 조회 3,105
08-05-08 조회 5,259
08-04-25 조회 4,058
08-04-22 조회 4,520
08-04-21 조회 3,165
08-04-17 조회 2,545
08-04-17 조회 2,945
08-04-17 조회 2,247
08-04-17 조회 5,214
08-04-17 조회 4,535
08-04-17 조회 4,526
08-04-17 조회 3,306
08-04-17 조회 3,133
08-04-17 조회 3,623
08-04-17 조회 4,985
08-04-17 조회 5,134
08-04-17 조회 3,344
08-04-04 조회 4,593
08-04-04 조회 2,822
08-04-04 조회 2,564
08-04-04 조회 2,798
08-04-04 조회 2,537
08-04-04 조회 2,768
08-04-03 조회 2,658
08-04-03 조회 2,725
08-04-02 조회 3,042
08-04-02 조회 3,192
08-03-31 조회 3,089
08-03-26 조회 4,258
08-03-11 조회 2,948
08-03-11 조회 2,361
08-03-11 조회 2,370
08-03-07 조회 4,197
08-03-07 조회 3,295
08-03-06 조회 4,741
08-03-04 조회 3,383
08-02-19 조회 3,774
08-02-03 조회 3,401
08-01-18 조회 3,981
08-01-15 조회 3,437
08-01-12 조회 4,283
08-01-12 조회 3,848
08-01-12 조회 3,800
07-12-24 조회 3,091
07-11-30 조회 3,930
07-11-08 조회 4,989
07-11-06 조회 3,847
07-10-26 조회 4,991
07-10-24 조회 4,176
07-10-22 조회 3,565
07-10-19 조회 4,747
07-10-09 조회 4,883
07-10-09 조회 6,748
07-10-05 조회 3,078
07-10-05 조회 4,017
07-10-03 조회 7,526
07-10-03 조회 3,571
07-10-03 조회 2,913
07-10-03 조회 2,849
07-09-28 조회 4,688
07-09-27 조회 3,753
07-09-27 조회 3,207
07-09-13 조회 3,349
07-08-28 조회 3,445
07-08-04 조회 4,830
07-08-01 조회 5,522
07-08-01 조회 4,931
07-07-30 조회 5,435
07-07-29 조회 3,575
07-07-21 조회 3,419
07-07-18 조회 5,372
07-07-16 조회 3,175