프로그램 질문이요!!!

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,301
17년 전 조회 3,109
17년 전 조회 2,656
17년 전 조회 2,220
17년 전 조회 2,237
17년 전 조회 1,979
17년 전 조회 2,419
17년 전 조회 2,199
17년 전 조회 2,155
17년 전 조회 2,049
17년 전 조회 1,369
17년 전 조회 2,003
17년 전 조회 2,414
17년 전 조회 2,494
17년 전 조회 1,815
17년 전 조회 1,682
17년 전 조회 1,539
17년 전 조회 2,766
17년 전 조회 2,847
17년 전 조회 2,254
17년 전 조회 2,597
17년 전 조회 2,905
17년 전 조회 1,496
17년 전 조회 1,356
17년 전 조회 6,520
17년 전 조회 1,358
17년 전 조회 1,808
17년 전 조회 1,966
17년 전 조회 1,275
17년 전 조회 1,352
17년 전 조회 2,059
17년 전 조회 1,696
17년 전 조회 3,817
17년 전 조회 1,384
17년 전 조회 2,101
17년 전 조회 1,343
17년 전 조회 1,582
17년 전 조회 2,567
17년 전 조회 2,206
17년 전 조회 1,200
17년 전 조회 1,220
17년 전 조회 1,285
17년 전 조회 6,230
17년 전 조회 6,043
17년 전 조회 2,221
17년 전 조회 1,194
17년 전 조회 1,303
17년 전 조회 2,278
17년 전 조회 1,675
17년 전 조회 1,337
17년 전 조회 1,358
17년 전 조회 1,300
17년 전 조회 1,236
17년 전 조회 4,149
17년 전 조회 2,362
17년 전 조회 1,805
17년 전 조회 2,950
17년 전 조회 1,642
17년 전 조회 1,326
17년 전 조회 1,357
17년 전 조회 1,409
17년 전 조회 1,304
17년 전 조회 1,408
17년 전 조회 2,589
17년 전 조회 4,387
17년 전 조회 1,355
17년 전 조회 4,126
17년 전 조회 4,275
17년 전 조회 1,386
17년 전 조회 2,358
17년 전 조회 1,807
17년 전 조회 3,396
17년 전 조회 1,542
17년 전 조회 3,787
17년 전 조회 3,578
17년 전 조회 2,758
17년 전 조회 3,120
17년 전 조회 2,818
17년 전 조회 2,141
17년 전 조회 3,496
17년 전 조회 2,823
17년 전 조회 3,710
17년 전 조회 1,322
17년 전 조회 2,436
17년 전 조회 1,502
17년 전 조회 1,364
17년 전 조회 1,242
17년 전 조회 1,229
17년 전 조회 1,606
17년 전 조회 3,040
17년 전 조회 3,435
17년 전 조회 3,189
17년 전 조회 2,071
17년 전 조회 4,187
17년 전 조회 1,591
17년 전 조회 1,304
17년 전 조회 1,419
17년 전 조회 1,290
17년 전 조회 1,534
17년 전 조회 1,911