프로그램 질문이요!!!

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,130
17년 전 조회 2,931
17년 전 조회 2,469
17년 전 조회 2,048
17년 전 조회 2,050
17년 전 조회 1,804
17년 전 조회 2,250
17년 전 조회 2,022
17년 전 조회 1,995
17년 전 조회 1,881
17년 전 조회 1,214
17년 전 조회 1,835
17년 전 조회 2,238
17년 전 조회 2,310
17년 전 조회 1,648
17년 전 조회 1,516
17년 전 조회 1,365
17년 전 조회 2,586
17년 전 조회 2,679
17년 전 조회 2,072
17년 전 조회 2,425
17년 전 조회 2,729
17년 전 조회 1,330
17년 전 조회 1,194
17년 전 조회 6,334
17년 전 조회 1,181
17년 전 조회 1,633
17년 전 조회 1,784
17년 전 조회 1,106
17년 전 조회 1,198
17년 전 조회 1,897
17년 전 조회 1,527
17년 전 조회 3,626
17년 전 조회 1,211
17년 전 조회 1,917
17년 전 조회 1,173
17년 전 조회 1,392
17년 전 조회 2,366
17년 전 조회 2,023
17년 전 조회 1,041
17년 전 조회 1,046
17년 전 조회 1,094
17년 전 조회 6,050
17년 전 조회 5,858
17년 전 조회 2,035
17년 전 조회 1,028
17년 전 조회 1,128
17년 전 조회 2,090
17년 전 조회 1,521
17년 전 조회 1,166
17년 전 조회 1,193
17년 전 조회 1,133
17년 전 조회 1,050
17년 전 조회 3,965
17년 전 조회 2,174
17년 전 조회 1,622
17년 전 조회 2,771
17년 전 조회 1,480
17년 전 조회 1,161
17년 전 조회 1,180
17년 전 조회 1,251
17년 전 조회 1,138
17년 전 조회 1,251
17년 전 조회 2,403
17년 전 조회 4,195
17년 전 조회 1,195
17년 전 조회 3,954
17년 전 조회 4,108
17년 전 조회 1,217
17년 전 조회 2,186
17년 전 조회 1,625
17년 전 조회 3,222
17년 전 조회 1,362
17년 전 조회 3,607
17년 전 조회 3,398
17년 전 조회 2,571
17년 전 조회 2,939
17년 전 조회 2,633
17년 전 조회 1,950
17년 전 조회 3,320
17년 전 조회 2,628
17년 전 조회 3,529
17년 전 조회 1,157
17년 전 조회 2,258
17년 전 조회 1,329
17년 전 조회 1,198
17년 전 조회 1,073
17년 전 조회 1,055
17년 전 조회 1,427
17년 전 조회 2,866
17년 전 조회 3,263
17년 전 조회 3,003
17년 전 조회 1,886
17년 전 조회 4,004
17년 전 조회 1,415
17년 전 조회 1,130
17년 전 조회 1,243
17년 전 조회 1,124
17년 전 조회 1,374
17년 전 조회 1,745
🐛 버그신고