프로그램 질문이요!!!

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,135
17년 전 조회 2,935
17년 전 조회 2,474
17년 전 조회 2,053
17년 전 조회 2,055
17년 전 조회 1,810
17년 전 조회 2,255
17년 전 조회 2,025
17년 전 조회 1,998
17년 전 조회 1,887
17년 전 조회 1,221
17년 전 조회 1,838
17년 전 조회 2,242
17년 전 조회 2,317
17년 전 조회 1,655
17년 전 조회 1,518
17년 전 조회 1,371
17년 전 조회 2,590
17년 전 조회 2,685
17년 전 조회 2,078
17년 전 조회 2,431
17년 전 조회 2,734
17년 전 조회 1,337
17년 전 조회 1,199
17년 전 조회 6,341
17년 전 조회 1,187
17년 전 조회 1,637
17년 전 조회 1,786
17년 전 조회 1,113
17년 전 조회 1,201
17년 전 조회 1,902
17년 전 조회 1,532
17년 전 조회 3,634
17년 전 조회 1,218
17년 전 조회 1,923
17년 전 조회 1,179
17년 전 조회 1,396
17년 전 조회 2,370
17년 전 조회 2,025
17년 전 조회 1,048
17년 전 조회 1,050
17년 전 조회 1,101
17년 전 조회 6,052
17년 전 조회 5,861
17년 전 조회 2,042
17년 전 조회 1,035
17년 전 조회 1,132
17년 전 조회 2,092
17년 전 조회 1,525
17년 전 조회 1,170
17년 전 조회 1,197
17년 전 조회 1,136
17년 전 조회 1,056
17년 전 조회 3,970
17년 전 조회 2,177
17년 전 조회 1,630
17년 전 조회 2,774
17년 전 조회 1,481
17년 전 조회 1,165
17년 전 조회 1,186
17년 전 조회 1,254
17년 전 조회 1,144
17년 전 조회 1,255
17년 전 조회 2,411
17년 전 조회 4,203
17년 전 조회 1,201
17년 전 조회 3,957
17년 전 조회 4,111
17년 전 조회 1,224
17년 전 조회 2,190
17년 전 조회 1,632
17년 전 조회 3,226
17년 전 조회 1,366
17년 전 조회 3,610
17년 전 조회 3,403
17년 전 조회 2,574
17년 전 조회 2,943
17년 전 조회 2,638
17년 전 조회 1,953
17년 전 조회 3,325
17년 전 조회 2,634
17년 전 조회 3,534
17년 전 조회 1,161
17년 전 조회 2,262
17년 전 조회 1,335
17년 전 조회 1,204
17년 전 조회 1,076
17년 전 조회 1,060
17년 전 조회 1,434
17년 전 조회 2,870
17년 전 조회 3,268
17년 전 조회 3,010
17년 전 조회 1,892
17년 전 조회 4,008
17년 전 조회 1,420
17년 전 조회 1,135
17년 전 조회 1,246
17년 전 조회 1,130
17년 전 조회 1,377
17년 전 조회 1,751
🐛 버그신고