프로그램 질문이요!!!

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,222
17년 전 조회 3,030
17년 전 조회 2,573
17년 전 조회 2,147
17년 전 조회 2,158
17년 전 조회 1,899
17년 전 조회 2,346
17년 전 조회 2,123
17년 전 조회 2,087
17년 전 조회 1,976
17년 전 조회 1,299
17년 전 조회 1,920
17년 전 조회 2,338
17년 전 조회 2,418
17년 전 조회 1,746
17년 전 조회 1,600
17년 전 조회 1,471
17년 전 조회 2,680
17년 전 조회 2,780
17년 전 조회 2,173
17년 전 조회 2,521
17년 전 조회 2,828
17년 전 조회 1,425
17년 전 조회 1,285
17년 전 조회 6,442
17년 전 조회 1,284
17년 전 조회 1,734
17년 전 조회 1,882
17년 전 조회 1,196
17년 전 조회 1,287
17년 전 조회 1,989
17년 전 조회 1,623
17년 전 조회 3,742
17년 전 조회 1,311
17년 전 조회 2,024
17년 전 조회 1,265
17년 전 조회 1,503
17년 전 조회 2,477
17년 전 조회 2,120
17년 전 조회 1,130
17년 전 조회 1,147
17년 전 조회 1,208
17년 전 조회 6,148
17년 전 조회 5,951
17년 전 조회 2,144
17년 전 조회 1,117
17년 전 조회 1,225
17년 전 조회 2,190
17년 전 조회 1,602
17년 전 조회 1,264
17년 전 조회 1,287
17년 전 조회 1,217
17년 전 조회 1,154
17년 전 조회 4,072
17년 전 조회 2,276
17년 전 조회 1,729
17년 전 조회 2,880
17년 전 조회 1,566
17년 전 조회 1,245
17년 전 조회 1,273
17년 전 조회 1,339
17년 전 조회 1,225
17년 전 조회 1,330
17년 전 조회 2,516
17년 전 조회 4,304
17년 전 조회 1,286
17년 전 조회 4,051
17년 전 조회 4,198
17년 전 조회 1,310
17년 전 조회 2,275
17년 전 조회 1,720
17년 전 조회 3,327
17년 전 조회 1,460
17년 전 조회 3,704
17년 전 조회 3,510
17년 전 조회 2,673
17년 전 조회 3,041
17년 전 조회 2,731
17년 전 조회 2,055
17년 전 조회 3,414
17년 전 조회 2,738
17년 전 조회 3,630
17년 전 조회 1,240
17년 전 조회 2,359
17년 전 조회 1,418
17년 전 조회 1,288
17년 전 조회 1,166
17년 전 조회 1,145
17년 전 조회 1,527
17년 전 조회 2,975
17년 전 조회 3,362
17년 전 조회 3,111
17년 전 조회 1,986
17년 전 조회 4,098
17년 전 조회 1,505
17년 전 조회 1,228
17년 전 조회 1,343
17년 전 조회 1,219
17년 전 조회 1,460
17년 전 조회 1,823