프로그램 질문이요!!!

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,164
17년 전 조회 2,964
17년 전 조회 2,504
17년 전 조회 2,084
17년 전 조회 2,089
17년 전 조회 1,834
17년 전 조회 2,287
17년 전 조회 2,059
17년 전 조회 2,022
17년 전 조회 1,914
17년 전 조회 1,241
17년 전 조회 1,859
17년 전 조회 2,262
17년 전 조회 2,352
17년 전 조회 1,685
17년 전 조회 1,542
17년 전 조회 1,399
17년 전 조회 2,612
17년 전 조회 2,710
17년 전 조회 2,106
17년 전 조회 2,457
17년 전 조회 2,761
17년 전 조회 1,354
17년 전 조회 1,220
17년 전 조회 6,367
17년 전 조회 1,212
17년 전 조회 1,668
17년 전 조회 1,809
17년 전 조회 1,137
17년 전 조회 1,227
17년 전 조회 1,927
17년 전 조회 1,555
17년 전 조회 3,656
17년 전 조회 1,244
17년 전 조회 1,947
17년 전 조회 1,205
17년 전 조회 1,425
17년 전 조회 2,396
17년 전 조회 2,057
17년 전 조회 1,072
17년 전 조회 1,077
17년 전 조회 1,134
17년 전 조회 6,083
17년 전 조회 5,887
17년 전 조회 2,078
17년 전 조회 1,054
17년 전 조회 1,161
17년 전 조회 2,117
17년 전 조회 1,550
17년 전 조회 1,194
17년 전 조회 1,220
17년 전 조회 1,158
17년 전 조회 1,087
17년 전 조회 3,994
17년 전 조회 2,204
17년 전 조회 1,653
17년 전 조회 2,803
17년 전 조회 1,501
17년 전 조회 1,190
17년 전 조회 1,215
17년 전 조회 1,274
17년 전 조회 1,163
17년 전 조회 1,273
17년 전 조회 2,437
17년 전 조회 4,229
17년 전 조회 1,232
17년 전 조회 3,977
17년 전 조회 4,132
17년 전 조회 1,245
17년 전 조회 2,210
17년 전 조회 1,654
17년 전 조회 3,253
17년 전 조회 1,395
17년 전 조회 3,638
17년 전 조회 3,434
17년 전 조회 2,598
17년 전 조회 2,973
17년 전 조회 2,664
17년 전 조회 1,980
17년 전 조회 3,346
17년 전 조회 2,665
17년 전 조회 3,555
17년 전 조회 1,176
17년 전 조회 2,287
17년 전 조회 1,356
17년 전 조회 1,230
17년 전 조회 1,100
17년 전 조회 1,084
17년 전 조회 1,455
17년 전 조회 2,896
17년 전 조회 3,292
17년 전 조회 3,035
17년 전 조회 1,915
17년 전 조회 4,020
17년 전 조회 1,440
17년 전 조회 1,160
17년 전 조회 1,272
17년 전 조회 1,149
17년 전 조회 1,401
17년 전 조회 1,766