프로그램 질문이요!!!

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,128
17년 전 조회 2,931
17년 전 조회 2,468
17년 전 조회 2,047
17년 전 조회 2,048
17년 전 조회 1,802
17년 전 조회 2,248
17년 전 조회 2,021
17년 전 조회 1,994
17년 전 조회 1,879
17년 전 조회 1,214
17년 전 조회 1,835
17년 전 조회 2,236
17년 전 조회 2,305
17년 전 조회 1,647
17년 전 조회 1,513
17년 전 조회 1,363
17년 전 조회 2,582
17년 전 조회 2,677
17년 전 조회 2,072
17년 전 조회 2,425
17년 전 조회 2,729
17년 전 조회 1,329
17년 전 조회 1,193
17년 전 조회 6,332
17년 전 조회 1,180
17년 전 조회 1,633
17년 전 조회 1,783
17년 전 조회 1,102
17년 전 조회 1,195
17년 전 조회 1,895
17년 전 조회 1,526
17년 전 조회 3,625
17년 전 조회 1,210
17년 전 조회 1,916
17년 전 조회 1,172
17년 전 조회 1,391
17년 전 조회 2,364
17년 전 조회 2,020
17년 전 조회 1,041
17년 전 조회 1,045
17년 전 조회 1,093
17년 전 조회 6,049
17년 전 조회 5,856
17년 전 조회 2,035
17년 전 조회 1,026
17년 전 조회 1,125
17년 전 조회 2,087
17년 전 조회 1,518
17년 전 조회 1,163
17년 전 조회 1,193
17년 전 조회 1,131
17년 전 조회 1,046
17년 전 조회 3,963
17년 전 조회 2,173
17년 전 조회 1,620
17년 전 조회 2,770
17년 전 조회 1,476
17년 전 조회 1,159
17년 전 조회 1,179
17년 전 조회 1,248
17년 전 조회 1,137
17년 전 조회 1,249
17년 전 조회 2,401
17년 전 조회 4,192
17년 전 조회 1,193
17년 전 조회 3,952
17년 전 조회 4,106
17년 전 조회 1,216
17년 전 조회 2,184
17년 전 조회 1,624
17년 전 조회 3,219
17년 전 조회 1,360
17년 전 조회 3,604
17년 전 조회 3,395
17년 전 조회 2,569
17년 전 조회 2,938
17년 전 조회 2,632
17년 전 조회 1,947
17년 전 조회 3,317
17년 전 조회 2,628
17년 전 조회 3,527
17년 전 조회 1,154
17년 전 조회 2,256
17년 전 조회 1,327
17년 전 조회 1,196
17년 전 조회 1,069
17년 전 조회 1,052
17년 전 조회 1,425
17년 전 조회 2,865
17년 전 조회 3,260
17년 전 조회 3,002
17년 전 조회 1,885
17년 전 조회 4,002
17년 전 조회 1,414
17년 전 조회 1,129
17년 전 조회 1,242
17년 전 조회 1,121
17년 전 조회 1,373
17년 전 조회 1,744
🐛 버그신고