다

프로그램 질문이요!!!

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번까지만 해 보았습니다..^^
와우~~ 고마워요~~~ 몇일 끙끙댓었는뎅.. 고맙습니다
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

8,188건
+
제목 글쓴이 날짜 조회
08-10-30 조회 2,672
08-10-30 조회 2,777
08-10-20 조회 2,502
08-10-11 조회 2,411
08-09-20 조회 4,156
08-09-20 조회 2,821
08-09-18 조회 2,685
08-09-18 조회 3,396
08-09-17 조회 3,273
08-09-05 조회 4,604
08-09-03 조회 2,728
08-08-18 조회 2,875
08-08-17 조회 2,619
08-08-13 조회 3,393
08-07-30 조회 3,458
08-07-28 조회 4,334
08-07-22 조회 5,565
08-07-22 조회 4,048
08-07-10 조회 3,013
08-07-08 조회 3,077
08-06-30 조회 3,838
08-06-30 조회 3,319
08-06-30 조회 3,635
08-06-14 조회 2,699
08-06-11 조회 7,073
08-06-05 조회 3,292
08-05-20 조회 4,799
08-05-13 조회 4,129
08-05-08 조회 3,091
08-05-08 조회 5,247
08-04-25 조회 4,042
08-04-22 조회 4,504
08-04-21 조회 3,148
08-04-17 조회 2,529
08-04-17 조회 2,927
08-04-17 조회 2,224
08-04-17 조회 5,192
08-04-17 조회 4,517
08-04-17 조회 4,506
08-04-17 조회 3,286
08-04-17 조회 3,116
08-04-17 조회 3,612
08-04-17 조회 4,975
08-04-17 조회 5,128
08-04-17 조회 3,336
08-04-04 조회 4,573
08-04-04 조회 2,809
08-04-04 조회 2,554
08-04-04 조회 2,785
08-04-04 조회 2,521
08-04-04 조회 2,753
08-04-03 조회 2,639
08-04-03 조회 2,714
08-04-02 조회 3,025
08-04-02 조회 3,178
08-03-31 조회 3,077
08-03-26 조회 4,244
08-03-11 조회 2,934
08-03-11 조회 2,345
08-03-11 조회 2,353
08-03-07 조회 4,180
08-03-07 조회 3,284
08-03-06 조회 4,724
08-03-04 조회 3,367
08-02-19 조회 3,760
08-02-03 조회 3,388
08-01-18 조회 3,964
08-01-15 조회 3,420
08-01-12 조회 4,268
08-01-12 조회 3,833
08-01-12 조회 3,784
07-12-24 조회 3,065
07-11-30 조회 3,915
07-11-08 조회 4,974
07-11-06 조회 3,820
07-10-26 조회 4,971
07-10-24 조회 4,154
07-10-22 조회 3,551
07-10-19 조회 4,728
07-10-09 조회 4,855
07-10-09 조회 6,735
07-10-05 조회 3,066
07-10-05 조회 4,000
07-10-03 조회 7,511
07-10-03 조회 3,558
07-10-03 조회 2,893
07-10-03 조회 2,828
07-09-28 조회 4,655
07-09-27 조회 3,734
07-09-27 조회 3,186
07-09-13 조회 3,327
07-08-28 조회 3,426
07-08-04 조회 4,808
07-08-01 조회 5,513
07-08-01 조회 4,920
07-07-30 조회 5,419
07-07-29 조회 3,558
07-07-21 조회 3,398
07-07-18 조회 5,351
07-07-16 조회 3,165