프로그램 질문이요!!!

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,273
17년 전 조회 3,086
17년 전 조회 2,633
17년 전 조회 2,199
17년 전 조회 2,214
17년 전 조회 1,956
17년 전 조회 2,393
17년 전 조회 2,172
17년 전 조회 2,130
17년 전 조회 2,025
17년 전 조회 1,345
17년 전 조회 1,972
17년 전 조회 2,383
17년 전 조회 2,470
17년 전 조회 1,790
17년 전 조회 1,653
17년 전 조회 1,518
17년 전 조회 2,735
17년 전 조회 2,822
17년 전 조회 2,227
17년 전 조회 2,574
17년 전 조회 2,880
17년 전 조회 1,475
17년 전 조회 1,336
17년 전 조회 6,494
17년 전 조회 1,332
17년 전 조회 1,792
17년 전 조회 1,931
17년 전 조회 1,250
17년 전 조회 1,329
17년 전 조회 2,036
17년 전 조회 1,670
17년 전 조회 3,787
17년 전 조회 1,363
17년 전 조회 2,070
17년 전 조회 1,317
17년 전 조회 1,557
17년 전 조회 2,536
17년 전 조회 2,178
17년 전 조회 1,176
17년 전 조회 1,194
17년 전 조회 1,259
17년 전 조회 6,208
17년 전 조회 6,013
17년 전 조회 2,198
17년 전 조회 1,166
17년 전 조회 1,278
17년 전 조회 2,249
17년 전 조회 1,652
17년 전 조회 1,309
17년 전 조회 1,337
17년 전 조회 1,277
17년 전 조회 1,210
17년 전 조회 4,123
17년 전 조회 2,335
17년 전 조회 1,783
17년 전 조회 2,928
17년 전 조회 1,619
17년 전 조회 1,303
17년 전 조회 1,326
17년 전 조회 1,386
17년 전 조회 1,274
17년 전 조회 1,383
17년 전 조회 2,559
17년 전 조회 4,366
17년 전 조회 1,339
17년 전 조회 4,097
17년 전 조회 4,252
17년 전 조회 1,363
17년 전 조회 2,329
17년 전 조회 1,775
17년 전 조회 3,374
17년 전 조회 1,517
17년 전 조회 3,759
17년 전 조회 3,551
17년 전 조회 2,730
17년 전 조회 3,095
17년 전 조회 2,786
17년 전 조회 2,112
17년 전 조회 3,465
17년 전 조회 2,797
17년 전 조회 3,679
17년 전 조회 1,291
17년 전 조회 2,412
17년 전 조회 1,478
17년 전 조회 1,340
17년 전 조회 1,221
17년 전 조회 1,201
17년 전 조회 1,581
17년 전 조회 3,023
17년 전 조회 3,407
17년 전 조회 3,162
17년 전 조회 2,047
17년 전 조회 4,158
17년 전 조회 1,564
17년 전 조회 1,278
17년 전 조회 1,392
17년 전 조회 1,268
17년 전 조회 1,505
17년 전 조회 1,886