프로그램 질문이요!!!

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,119
17년 전 조회 2,922
17년 전 조회 2,459
17년 전 조회 2,040
17년 전 조회 2,040
17년 전 조회 1,793
17년 전 조회 2,239
17년 전 조회 2,011
17년 전 조회 1,984
17년 전 조회 1,872
17년 전 조회 1,207
17년 전 조회 1,824
17년 전 조회 2,227
17년 전 조회 2,299
17년 전 조회 1,638
17년 전 조회 1,507
17년 전 조회 1,355
17년 전 조회 2,574
17년 전 조회 2,670
17년 전 조회 2,067
17년 전 조회 2,413
17년 전 조회 2,719
17년 전 조회 1,321
17년 전 조회 1,186
17년 전 조회 6,321
17년 전 조회 1,172
17년 전 조회 1,623
17년 전 조회 1,772
17년 전 조회 1,096
17년 전 조회 1,189
17년 전 조회 1,888
17년 전 조회 1,518
17년 전 조회 3,617
17년 전 조회 1,203
17년 전 조회 1,907
17년 전 조회 1,165
17년 전 조회 1,380
17년 전 조회 2,359
17년 전 조회 2,012
17년 전 조회 1,033
17년 전 조회 1,037
17년 전 조회 1,089
17년 전 조회 6,044
17년 전 조회 5,848
17년 전 조회 2,024
17년 전 조회 1,019
17년 전 조회 1,116
17년 전 조회 2,078
17년 전 조회 1,510
17년 전 조회 1,157
17년 전 조회 1,184
17년 전 조회 1,126
17년 전 조회 1,041
17년 전 조회 3,955
17년 전 조회 2,163
17년 전 조회 1,617
17년 전 조회 2,761
17년 전 조회 1,466
17년 전 조회 1,150
17년 전 조회 1,172
17년 전 조회 1,241
17년 전 조회 1,126
17년 전 조회 1,243
17년 전 조회 2,395
17년 전 조회 4,183
17년 전 조회 1,185
17년 전 조회 3,944
17년 전 조회 4,095
17년 전 조회 1,210
17년 전 조회 2,175
17년 전 조회 1,618
17년 전 조회 3,211
17년 전 조회 1,353
17년 전 조회 3,595
17년 전 조회 3,387
17년 전 조회 2,559
17년 전 조회 2,932
17년 전 조회 2,623
17년 전 조회 1,940
17년 전 조회 3,309
17년 전 조회 2,619
17년 전 조회 3,518
17년 전 조회 1,146
17년 전 조회 2,248
17년 전 조회 1,320
17년 전 조회 1,187
17년 전 조회 1,061
17년 전 조회 1,045
17년 전 조회 1,418
17년 전 조회 2,857
17년 전 조회 3,251
17년 전 조회 2,998
17년 전 조회 1,878
17년 전 조회 3,993
17년 전 조회 1,406
17년 전 조회 1,120
17년 전 조회 1,234
17년 전 조회 1,112
17년 전 조회 1,366
17년 전 조회 1,735
🐛 버그신고