프로그램 질문이요!!!

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,134
17년 전 조회 2,934
17년 전 조회 2,474
17년 전 조회 2,053
17년 전 조회 2,054
17년 전 조회 1,810
17년 전 조회 2,253
17년 전 조회 2,024
17년 전 조회 1,998
17년 전 조회 1,886
17년 전 조회 1,219
17년 전 조회 1,837
17년 전 조회 2,242
17년 전 조회 2,314
17년 전 조회 1,654
17년 전 조회 1,517
17년 전 조회 1,370
17년 전 조회 2,590
17년 전 조회 2,683
17년 전 조회 2,077
17년 전 조회 2,431
17년 전 조회 2,733
17년 전 조회 1,336
17년 전 조회 1,198
17년 전 조회 6,338
17년 전 조회 1,186
17년 전 조회 1,635
17년 전 조회 1,785
17년 전 조회 1,111
17년 전 조회 1,200
17년 전 조회 1,900
17년 전 조회 1,531
17년 전 조회 3,633
17년 전 조회 1,217
17년 전 조회 1,923
17년 전 조회 1,179
17년 전 조회 1,393
17년 전 조회 2,370
17년 전 조회 2,024
17년 전 조회 1,047
17년 전 조회 1,049
17년 전 조회 1,099
17년 전 조회 6,051
17년 전 조회 5,860
17년 전 조회 2,041
17년 전 조회 1,034
17년 전 조회 1,131
17년 전 조회 2,092
17년 전 조회 1,523
17년 전 조회 1,168
17년 전 조회 1,195
17년 전 조회 1,135
17년 전 조회 1,055
17년 전 조회 3,969
17년 전 조회 2,177
17년 전 조회 1,630
17년 전 조회 2,772
17년 전 조회 1,481
17년 전 조회 1,165
17년 전 조회 1,183
17년 전 조회 1,254
17년 전 조회 1,143
17년 전 조회 1,254
17년 전 조회 2,410
17년 전 조회 4,199
17년 전 조회 1,200
17년 전 조회 3,956
17년 전 조회 4,110
17년 전 조회 1,224
17년 전 조회 2,190
17년 전 조회 1,631
17년 전 조회 3,226
17년 전 조회 1,365
17년 전 조회 3,610
17년 전 조회 3,401
17년 전 조회 2,573
17년 전 조회 2,942
17년 전 조회 2,637
17년 전 조회 1,951
17년 전 조회 3,323
17년 전 조회 2,632
17년 전 조회 3,533
17년 전 조회 1,161
17년 전 조회 2,260
17년 전 조회 1,335
17년 전 조회 1,203
17년 전 조회 1,074
17년 전 조회 1,059
17년 전 조회 1,433
17년 전 조회 2,870
17년 전 조회 3,266
17년 전 조회 3,009
17년 전 조회 1,890
17년 전 조회 4,006
17년 전 조회 1,417
17년 전 조회 1,134
17년 전 조회 1,245
17년 전 조회 1,128
17년 전 조회 1,375
17년 전 조회 1,749
🐛 버그신고