프로그램 질문이요!!!

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,120
17년 전 조회 2,923
17년 전 조회 2,460
17년 전 조회 2,041
17년 전 조회 2,042
17년 전 조회 1,794
17년 전 조회 2,240
17년 전 조회 2,013
17년 전 조회 1,986
17년 전 조회 1,874
17년 전 조회 1,209
17년 전 조회 1,825
17년 전 조회 2,228
17년 전 조회 2,300
17년 전 조회 1,638
17년 전 조회 1,509
17년 전 조회 1,357
17년 전 조회 2,576
17년 전 조회 2,671
17년 전 조회 2,068
17년 전 조회 2,414
17년 전 조회 2,720
17년 전 조회 1,322
17년 전 조회 1,188
17년 전 조회 6,322
17년 전 조회 1,174
17년 전 조회 1,624
17년 전 조회 1,774
17년 전 조회 1,097
17년 전 조회 1,190
17년 전 조회 1,890
17년 전 조회 1,520
17년 전 조회 3,618
17년 전 조회 1,204
17년 전 조회 1,908
17년 전 조회 1,166
17년 전 조회 1,381
17년 전 조회 2,360
17년 전 조회 2,013
17년 전 조회 1,035
17년 전 조회 1,038
17년 전 조회 1,090
17년 전 조회 6,045
17년 전 조회 5,850
17년 전 조회 2,025
17년 전 조회 1,021
17년 전 조회 1,118
17년 전 조회 2,080
17년 전 조회 1,511
17년 전 조회 1,158
17년 전 조회 1,184
17년 전 조회 1,127
17년 전 조회 1,042
17년 전 조회 3,957
17년 전 조회 2,164
17년 전 조회 1,618
17년 전 조회 2,764
17년 전 조회 1,467
17년 전 조회 1,151
17년 전 조회 1,173
17년 전 조회 1,241
17년 전 조회 1,127
17년 전 조회 1,244
17년 전 조회 2,397
17년 전 조회 4,185
17년 전 조회 1,186
17년 전 조회 3,946
17년 전 조회 4,096
17년 전 조회 1,212
17년 전 조회 2,176
17년 전 조회 1,620
17년 전 조회 3,212
17년 전 조회 1,355
17년 전 조회 3,597
17년 전 조회 3,389
17년 전 조회 2,560
17년 전 조회 2,935
17년 전 조회 2,624
17년 전 조회 1,941
17년 전 조회 3,310
17년 전 조회 2,620
17년 전 조회 3,520
17년 전 조회 1,148
17년 전 조회 2,250
17년 전 조회 1,321
17년 전 조회 1,188
17년 전 조회 1,062
17년 전 조회 1,048
17년 전 조회 1,419
17년 전 조회 2,858
17년 전 조회 3,253
17년 전 조회 2,999
17년 전 조회 1,880
17년 전 조회 3,994
17년 전 조회 1,407
17년 전 조회 1,120
17년 전 조회 1,234
17년 전 조회 1,113
17년 전 조회 1,366
17년 전 조회 1,736
🐛 버그신고