프로그램 질문이요!!!

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,118
17년 전 조회 2,920
17년 전 조회 2,458
17년 전 조회 2,039
17년 전 조회 2,039
17년 전 조회 1,792
17년 전 조회 2,238
17년 전 조회 2,010
17년 전 조회 1,982
17년 전 조회 1,871
17년 전 조회 1,207
17년 전 조회 1,823
17년 전 조회 2,226
17년 전 조회 2,296
17년 전 조회 1,637
17년 전 조회 1,506
17년 전 조회 1,354
17년 전 조회 2,573
17년 전 조회 2,669
17년 전 조회 2,066
17년 전 조회 2,412
17년 전 조회 2,716
17년 전 조회 1,320
17년 전 조회 1,186
17년 전 조회 6,319
17년 전 조회 1,170
17년 전 조회 1,619
17년 전 조회 1,771
17년 전 조회 1,094
17년 전 조회 1,186
17년 전 조회 1,886
17년 전 조회 1,517
17년 전 조회 3,616
17년 전 조회 1,202
17년 전 조회 1,906
17년 전 조회 1,163
17년 전 조회 1,378
17년 전 조회 2,358
17년 전 조회 2,009
17년 전 조회 1,031
17년 전 조회 1,035
17년 전 조회 1,087
17년 전 조회 6,043
17년 전 조회 5,846
17년 전 조회 2,023
17년 전 조회 1,017
17년 전 조회 1,113
17년 전 조회 2,077
17년 전 조회 1,508
17년 전 조회 1,155
17년 전 조회 1,182
17년 전 조회 1,124
17년 전 조회 1,038
17년 전 조회 3,954
17년 전 조회 2,158
17년 전 조회 1,614
17년 전 조회 2,759
17년 전 조회 1,464
17년 전 조회 1,146
17년 전 조회 1,169
17년 전 조회 1,238
17년 전 조회 1,123
17년 전 조회 1,241
17년 전 조회 2,392
17년 전 조회 4,178
17년 전 조회 1,183
17년 전 조회 3,943
17년 전 조회 4,093
17년 전 조회 1,208
17년 전 조회 2,172
17년 전 조회 1,616
17년 전 조회 3,209
17년 전 조회 1,351
17년 전 조회 3,593
17년 전 조회 3,385
17년 전 조회 2,557
17년 전 조회 2,931
17년 전 조회 2,621
17년 전 조회 1,939
17년 전 조회 3,308
17년 전 조회 2,618
17년 전 조회 3,517
17년 전 조회 1,144
17년 전 조회 2,247
17년 전 조회 1,317
17년 전 조회 1,184
17년 전 조회 1,059
17년 전 조회 1,043
17년 전 조회 1,416
17년 전 조회 2,855
17년 전 조회 3,249
17년 전 조회 2,995
17년 전 조회 1,876
17년 전 조회 3,991
17년 전 조회 1,403
17년 전 조회 1,117
17년 전 조회 1,231
17년 전 조회 1,109
17년 전 조회 1,361
17년 전 조회 1,731
🐛 버그신고