프로그램 질문이요!!!

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,921
17년 전 조회 2,459
17년 전 조회 2,040
17년 전 조회 2,040
17년 전 조회 1,793
17년 전 조회 2,239
17년 전 조회 2,010
17년 전 조회 1,983
17년 전 조회 1,872
17년 전 조회 1,207
17년 전 조회 1,823
17년 전 조회 2,226
17년 전 조회 2,298
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,095
17년 전 조회 1,187
17년 전 조회 1,888
17년 전 조회 1,518
17년 전 조회 3,616
17년 전 조회 1,202
17년 전 조회 1,906
17년 전 조회 1,164
17년 전 조회 1,380
17년 전 조회 2,359
17년 전 조회 2,010
17년 전 조회 1,033
17년 전 조회 1,036
17년 전 조회 1,089
17년 전 조회 6,044
17년 전 조회 5,848
17년 전 조회 2,024
17년 전 조회 1,018
17년 전 조회 1,114
17년 전 조회 2,078
17년 전 조회 1,510
17년 전 조회 1,156
17년 전 조회 1,183
17년 전 조회 1,126
17년 전 조회 1,041
17년 전 조회 3,955
17년 전 조회 2,162
17년 전 조회 1,615
17년 전 조회 2,761
17년 전 조회 1,466
17년 전 조회 1,150
17년 전 조회 1,172
17년 전 조회 1,239
17년 전 조회 1,125
17년 전 조회 1,243
17년 전 조회 2,393
17년 전 조회 4,183
17년 전 조회 1,184
17년 전 조회 3,944
17년 전 조회 4,094
17년 전 조회 1,210
17년 전 조회 2,174
17년 전 조회 1,617
17년 전 조회 3,210
17년 전 조회 1,353
17년 전 조회 3,594
17년 전 조회 3,386
17년 전 조회 2,559
17년 전 조회 2,932
17년 전 조회 2,623
17년 전 조회 1,939
17년 전 조회 3,309
17년 전 조회 2,619
17년 전 조회 3,517
17년 전 조회 1,145
17년 전 조회 2,248
17년 전 조회 1,318
17년 전 조회 1,186
17년 전 조회 1,060
17년 전 조회 1,045
17년 전 조회 1,417
17년 전 조회 2,855
17년 전 조회 3,250
17년 전 조회 2,996
17년 전 조회 1,877
17년 전 조회 3,993
17년 전 조회 1,405
17년 전 조회 1,119
17년 전 조회 1,232
17년 전 조회 1,111
17년 전 조회 1,364
17년 전 조회 1,735
🐛 버그신고