프로그램 질문이요!!!

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,254
17년 전 조회 2,025
17년 전 조회 1,998
17년 전 조회 1,886
17년 전 조회 1,220
17년 전 조회 1,838
17년 전 조회 2,242
17년 전 조회 2,315
17년 전 조회 1,655
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,339
17년 전 조회 1,187
17년 전 조회 1,635
17년 전 조회 1,786
17년 전 조회 1,112
17년 전 조회 1,200
17년 전 조회 1,901
17년 전 조회 1,532
17년 전 조회 3,634
17년 전 조회 1,218
17년 전 조회 1,923
17년 전 조회 1,179
17년 전 조회 1,394
17년 전 조회 2,370
17년 전 조회 2,024
17년 전 조회 1,048
17년 전 조회 1,049
17년 전 조회 1,100
17년 전 조회 6,052
17년 전 조회 5,861
17년 전 조회 2,042
17년 전 조회 1,035
17년 전 조회 1,131
17년 전 조회 2,092
17년 전 조회 1,525
17년 전 조회 1,169
17년 전 조회 1,195
17년 전 조회 1,135
17년 전 조회 1,055
17년 전 조회 3,969
17년 전 조회 2,177
17년 전 조회 1,630
17년 전 조회 2,774
17년 전 조회 1,481
17년 전 조회 1,165
17년 전 조회 1,185
17년 전 조회 1,254
17년 전 조회 1,143
17년 전 조회 1,254
17년 전 조회 2,410
17년 전 조회 4,202
17년 전 조회 1,200
17년 전 조회 3,956
17년 전 조회 4,110
17년 전 조회 1,224
17년 전 조회 2,190
17년 전 조회 1,631
17년 전 조회 3,226
17년 전 조회 1,366
17년 전 조회 3,610
17년 전 조회 3,401
17년 전 조회 2,574
17년 전 조회 2,942
17년 전 조회 2,638
17년 전 조회 1,951
17년 전 조회 3,324
17년 전 조회 2,633
17년 전 조회 3,534
17년 전 조회 1,161
17년 전 조회 2,261
17년 전 조회 1,335
17년 전 조회 1,203
17년 전 조회 1,074
17년 전 조회 1,060
17년 전 조회 1,433
17년 전 조회 2,870
17년 전 조회 3,267
17년 전 조회 3,010
17년 전 조회 1,891
17년 전 조회 4,007
17년 전 조회 1,419
17년 전 조회 1,134
17년 전 조회 1,245
17년 전 조회 1,130
17년 전 조회 1,375
17년 전 조회 1,749
🐛 버그신고