프로그램 질문이요!!!

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,137
17년 전 조회 2,937
17년 전 조회 2,477
17년 전 조회 2,054
17년 전 조회 2,058
17년 전 조회 1,811
17년 전 조회 2,257
17년 전 조회 2,028
17년 전 조회 2,000
17년 전 조회 1,887
17년 전 조회 1,225
17년 전 조회 1,840
17년 전 조회 2,243
17년 전 조회 2,320
17년 전 조회 1,658
17년 전 조회 1,521
17년 전 조회 1,373
17년 전 조회 2,592
17년 전 조회 2,685
17년 전 조회 2,079
17년 전 조회 2,431
17년 전 조회 2,734
17년 전 조회 1,338
17년 전 조회 1,200
17년 전 조회 6,341
17년 전 조회 1,187
17년 전 조회 1,642
17년 전 조회 1,788
17년 전 조회 1,115
17년 전 조회 1,203
17년 전 조회 1,904
17년 전 조회 1,533
17년 전 조회 3,635
17년 전 조회 1,220
17년 전 조회 1,925
17년 전 조회 1,180
17년 전 조회 1,396
17년 전 조회 2,373
17년 전 조회 2,026
17년 전 조회 1,051
17년 전 조회 1,054
17년 전 조회 1,105
17년 전 조회 6,055
17년 전 조회 5,863
17년 전 조회 2,044
17년 전 조회 1,035
17년 전 조회 1,132
17년 전 조회 2,095
17년 전 조회 1,526
17년 전 조회 1,173
17년 전 조회 1,200
17년 전 조회 1,139
17년 전 조회 1,059
17년 전 조회 3,970
17년 전 조회 2,180
17년 전 조회 1,632
17년 전 조회 2,777
17년 전 조회 1,484
17년 전 조회 1,167
17년 전 조회 1,191
17년 전 조회 1,256
17년 전 조회 1,145
17년 전 조회 1,259
17년 전 조회 2,413
17년 전 조회 4,204
17년 전 조회 1,203
17년 전 조회 3,960
17년 전 조회 4,113
17년 전 조회 1,225
17년 전 조회 2,190
17년 전 조회 1,633
17년 전 조회 3,229
17년 전 조회 1,369
17년 전 조회 3,610
17년 전 조회 3,403
17년 전 조회 2,575
17년 전 조회 2,945
17년 전 조회 2,638
17년 전 조회 1,953
17년 전 조회 3,327
17년 전 조회 2,636
17년 전 조회 3,534
17년 전 조회 1,164
17년 전 조회 2,263
17년 전 조회 1,337
17년 전 조회 1,205
17년 전 조회 1,078
17년 전 조회 1,061
17년 전 조회 1,435
17년 전 조회 2,872
17년 전 조회 3,268
17년 전 조회 3,011
17년 전 조회 1,893
17년 전 조회 4,008
17년 전 조회 1,421
17년 전 조회 1,137
17년 전 조회 1,247
17년 전 조회 1,130
17년 전 조회 1,380
17년 전 조회 1,752
🐛 버그신고