프로그램 질문이요!!!

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,126
17년 전 조회 2,928
17년 전 조회 2,466
17년 전 조회 2,047
17년 전 조회 2,046
17년 전 조회 1,801
17년 전 조회 2,244
17년 전 조회 2,017
17년 전 조회 1,990
17년 전 조회 1,878
17년 전 조회 1,212
17년 전 조회 1,831
17년 전 조회 2,233
17년 전 조회 2,305
17년 전 조회 1,644
17년 전 조회 1,511
17년 전 조회 1,362
17년 전 조회 2,579
17년 전 조회 2,675
17년 전 조회 2,068
17년 전 조회 2,419
17년 전 조회 2,724
17년 전 조회 1,325
17년 전 조회 1,192
17년 전 조회 6,329
17년 전 조회 1,178
17년 전 조회 1,629
17년 전 조회 1,781
17년 전 조회 1,101
17년 전 조회 1,192
17년 전 조회 1,894
17년 전 조회 1,523
17년 전 조회 3,622
17년 전 조회 1,208
17년 전 조회 1,914
17년 전 조회 1,169
17년 전 조회 1,387
17년 전 조회 2,362
17년 전 조회 2,017
17년 전 조회 1,038
17년 전 조회 1,039
17년 전 조회 1,092
17년 전 조회 6,048
17년 전 조회 5,855
17년 전 조회 2,032
17년 전 조회 1,024
17년 전 조회 1,123
17년 전 조회 2,084
17년 전 조회 1,515
17년 전 조회 1,160
17년 전 조회 1,189
17년 전 조회 1,130
17년 전 조회 1,045
17년 전 조회 3,963
17년 전 조회 2,172
17년 전 조회 1,620
17년 전 조회 2,769
17년 전 조회 1,472
17년 전 조회 1,155
17년 전 조회 1,176
17년 전 조회 1,246
17년 전 조회 1,133
17년 전 조회 1,247
17년 전 조회 2,401
17년 전 조회 4,189
17년 전 조회 1,190
17년 전 조회 3,950
17년 전 조회 4,101
17년 전 조회 1,213
17년 전 조회 2,181
17년 전 조회 1,622
17년 전 조회 3,216
17년 전 조회 1,357
17년 전 조회 3,600
17년 전 조회 3,392
17년 전 조회 2,566
17년 전 조회 2,938
17년 전 조회 2,628
17년 전 조회 1,945
17년 전 조회 3,315
17년 전 조회 2,626
17년 전 조회 3,525
17년 전 조회 1,152
17년 전 조회 2,253
17년 전 조회 1,324
17년 전 조회 1,193
17년 전 조회 1,066
17년 전 조회 1,051
17년 전 조회 1,423
17년 전 조회 2,861
17년 전 조회 3,258
17년 전 조회 3,000
17년 전 조회 1,883
17년 전 조회 3,998
17년 전 조회 1,411
17년 전 조회 1,124
17년 전 조회 1,237
17년 전 조회 1,119
17년 전 조회 1,370
17년 전 조회 1,739
🐛 버그신고