테스트 사이트 - 개발 중인 베타 버전입니다
SIR

프로그램 질문이요!!!

다쳐
프로필 보기이 회원 글보기이 회원의 댓글보기
 · 17년 전 · 1485 · 2
ex.jpg
이미지 처럼요..
1메뉴를 클릭하면 그것에 대한 내용이 나오고..
2메뉴를 클릭하면 내용이 나오게 하는 프로그램 가르켜 주세요..
div를 이용하여 하는거 같은데..
자바스크립트에서 어떻게 해야하는지.. 모르겟어요..ㅠ.ㅠ

첨부파일

ex.jpg (12.2 KB, 2회)
목록
이전글 다음글

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 2개

아드리안
프로필 보기이 회원 글보기이 회원의 댓글보기
 17년 전
<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년 전
와우~~ 고마워요~~~ 몇일 끙끙댓었는뎅.. 고맙습니다

게시글 목록

번호 제목
506
개발자 익스플러/파이어폭스/오페라/ 다 호환 되는 플래시 점선 없애기는???? 5
504
개발자 날자계산 다시 질문드립니다. 적용 방법을 모르겠습니다 .ㅠ.ㅠ; 1
502
디자이너 이미지 저장시 비라틴문자 어쩌고 하는 메시지 1
499
개발자 날자계산..구현 방법 좀.. 2
490
디자이너 알쏭달쏭한 저작권 문의요;;;; 8
484
개발자 그누보드용 펜션예약프로그램해보신분 보시고 쫌 도와주세요 5
480
개발자 5단 셀렉트 -_-; 3
479
디자이너 윈도우 그림판에 대하여
476
개발자 저기요.... 2
474
개발자 방문자가 사이트 소식지 받기위해....등록폼 1
472
개발자 상품이름 보여질때 글자수 제한이요 1
469
개발자 ajax에서 xml을 한페이지에서 여러번 통신할때 질문드립니다. 2
466
개발자 리눅스 파티션 설정하는 법 도움주세요 2
462
디자이너 레이어로 테이블 작성할때요 3
459
개발자 APM 설치후 GD를 설치하면 문제가 되나요?? 2
457
개발자 도움 좀 청하겠습니다. ^^ 1
455
개발자 cent0s5.1설치시 mysql5.0같이 설치한후에 1
453
디자이너 저기 1
446
개발자 폼체크 하는데 잘 안되서... 6
444
개발자 급급해서 php급 문의입니다,,ㅠㅠ 1
440
개발자 동영상 올리는 플레이어 개발 3
439
개발자 카페주인장 아이디 알아내는 방법 없을까요?
437
개발자 그누보드 & 플래시 1
424
디자이너 포털사이트에서의 웹작업은 무엇으로 하는지요? 12
422
개발자 자바 스크립트 질문좀 할께요 1
421
디자이너 css 질문요
419
개발자 검색조건 규격 검색이 잘않됩니다 도와주세요 1
418
개발자 메인 메뉴를 만들려고합니다. 도와주세요.
416
개발자 [질문] good_and_write() 함수 1
408
디자이너 문자에 관한 질문 좀 드릴께요 7
이전 다음
전체 목록