메뉴바 도움 부탁드립니다.

막걸링

· 13년 전 · 조회 1582 1582 · 댓글 1 1

메뉴에서 서브메뉴를 누르면 상단메뉴 그라이데이션이 유지 되지 않습니다.
'menu_level_1_over'게 계속 유지가 되어야 하는데 'menu_level_1로 넘어가 버립니다.
꼭 도움 부탁드립니다.

<!DOCTYPE html>
<html>
<head>
<title>메뉴예제</title>

<script type="text/javascript">
function menu_over(a) {
var b = a+'sub'
if(document.getElementById(a).className == 'menu_level_1') {
document.getElementById('menu1').className = 'menu_level_1';
document.getElementById('menu2').className = 'menu_level_1';
document.getElementById('menu3').className = 'menu_level_1';
document.getElementById('menu4').className = 'menu_level_1';
document.getElementById('menu5').className = 'menu_level_1';
document.getElementById('menu6').className = 'menu_level_1';
document.getElementById('menu7').className = 'menu_level_1';
document.getElementById('menu8').className = 'menu_level_1';
document.getElementById(a).className = 'menu_level_1_over';

document.getElementById('menu1sub').className = 'menu_level_2';
document.getElementById('menu2sub').className = 'menu_level_2';
document.getElementById('menu3sub').className = 'menu_level_2';
document.getElementById('menu4sub').className = 'menu_level_2';
document.getElementById('menu5sub').className = 'menu_level_2';
document.getElementById('menu6sub').className = 'menu_level_2';
document.getElementById('menu7sub').className = 'menu_level_2';
document.getElementById('menu8sub').className = 'menu_level_2';
document.getElementById(b).className = 'menu_level_2_over';
}
}

</script>
<style>
@font-face {font-family:NanumGothic; src:url(img/NanumGothic.eot);}

body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
body,input,textarea,select,button,table{font-family:'돋움',Dotum,AppleGothic,sans-serif;font-size:12px}
img,fieldset{border:0}
ul,ol{list-style:none}
em,address{font-style:normal}
a{text-decoration:none}
a:hover,a:active,a:focus{text-decoration:underline}

.lnb1 {margin:0 auto;
background:#1F68CA; border:1px solid #1F68CA; width:1000px; height:35px; text-align:left; border-radius: 5px 5px 0 0;
background:#850909 -webkit-gradient(linear, 0% 0%, 0% 100%,from(#5DA0FA), to(#1F68CA));
background:#850909 -moz-linear-gradient(top, #5DA0FA, #1F68CA);
filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#5DA0FA,endColorStr=#1F68CA);
}
.lnb2{margin:0 auto; background:#efefef; border:1px solid #cccccc; width:1000px; height:33px; text-align:left; border-radius: 0 0 5px 5px;}
.menu_level_1 {color:white; font-family:NanumGothic; Font-weight:500; float:left; padding:10px 15px 0 15px; cursor:pointer;}
.menu_level_1_over {color:black; font-family:NanumGothic; Font-weight:500; float:left; background:white; border-radius: 5px 5px 0 0; margin:5px 5px 0 5px; padding:10px 15px 7px 15px; cursor:pointer;}
.menu_level_2 {display:none;}
.menu_level_2_over {display:block;}
.menu_level_2_over div {cursor:pointer; padding:10px; font-family:NanumGothic; padding:10px; cursor:pointer; float:left;}
.menu_level_2_over div:hover {display:block; Font-weight:bold; cursor:pointer;}
</style>
</head>
<body>
<br />
<br />
<br />
<div class="lnb1" style="clear:both;">
<div id="menu1" class="menu_level_1_over" onmouseover="menu_over('menu1')">Menu1</div>
<div id="menu2" class="menu_level_1" onmouseover="menu_over('menu2')"메뉴2</div>
<div id="menu3" class="menu_level_1" onmouseover="menu_over('menu3')">메뉴3</div>
<div id="menu4" class="menu_level_1" onmouseover="menu_over('menu4')">메뉴4</div>
<div id="menu5" class="menu_level_1" onmouseover="menu_over('menu5')">메뉴5</div>
<div id="menu6" class="menu_level_1" onmouseover="menu_over('menu6')">메뉴6</div>
<div id="menu7" class="menu_level_1" onmouseover="menu_over('menu7')">메뉴7</div>
<div id="menu8" class="menu_level_1" onmouseover="menu_over('menu8')">메뉴8</div>
</div>
<div class="lnb2" style="clear:both;">
<div id="menu1sub" class="menu_level_2_over">
<div>메뉴1_서브메뉴1</div>
<div>서브메뉴2</div>
<div>서브메뉴3</div>
<div>서브메뉴4</div>
<div>서브메뉴5</div>
<div>서브메뉴6</div>
<div>서브메뉴7</div>
<div>서브메뉴8</div>
</div>
<div id="menu2sub" class="menu_level_2">
<div>메뉴2_서브메뉴1</div>
<div>서브메뉴2</div>
<div>서브메뉴3</div>
<div>서브메뉴4</div>
<div>서브메뉴5</div>
<div>서브메뉴6</div>
<div>서브메뉴7</div>
<div>서브메뉴8</div>
</div>
<div id="menu3sub" class="menu_level_2">
<div>메뉴3_서브메뉴1</div>
<div>서브메뉴2</div>
<div>서브메뉴3</div>
<div>서브메뉴4</div>
<div>서브메뉴5</div>
<div>서브메뉴6</div>
<div>서브메뉴7</div>
<div>서브메뉴8</div>
</div>
<div id="menu4sub" class="menu_level_2">
<div>메뉴4_서브메뉴1</div>
<div>서브메뉴2</div>
<div>서브메뉴3</div>
<div>서브메뉴4</div>
<div>서브메뉴5</div>
<div>서브메뉴6</div>
<div>서브메뉴7</div>
<div>서브메뉴8</div>
</div>
<div id="menu5sub" class="menu_level_2">
<div>메뉴5_서브메뉴1</div>
<div>서브메뉴2</div>
<div>서브메뉴3</div>
<div>서브메뉴4</div>
<div>서브메뉴5</div>
<div>서브메뉴6</div>
<div>서브메뉴7</div>
<div>서브메뉴8</div>

댓글 작성

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

로그인하기

댓글 1개

왈라스

프로필 보기 이 회원 글보기

13년 전

function menu_over(a) {

var b = a+'sub';
if(document.getElementById(a).className == 'menu_level_1') {
document.getElementById('menu1').className = 'menu_level_1';
document.getElementById('menu2').className = 'menu_level_1';
document.getElementById('menu3').className = 'menu_level_1';
document.getElementById('menu4').className = 'menu_level_1';
document.getElementById('menu5').className = 'menu_level_1';
document.getElementById(a).className = 'menu_level_1_over';

document.getElementById('menu1sub').className = 'menu_level_2';

document.getElementById('menu2sub').className = 'menu_level_2';
document.getElementById('menu3sub').className = 'menu_level_2';
document.getElementById('menu4sub').className = 'menu_level_2';
document.getElementById('menu5sub').className = 'menu_level_2';
document.getElementById(b).className = 'menu_level_2_over';

}
}
메뉴생성이 안되어 잇는 부분은 삭제 하시고...
하면 정상작동 됩니다. 원하시는 것이 이것인가요.....
class="menu_level_2" ==>1,2 관게 없음...

게시글 목록

번호	제목	글쓴이	조회	날짜
17274	Linux Window PC에서 Linux 서버의 Xwindow를 원격접속하기	휴먼	3,056	13년 전
4226	내일 출근하시는분손 -0-; 4	K찰스	564	13년 전
17273	PHP php 일부화일에서만 파일업로드가 가능하게 하려면???	자루스	605	13년 전
17268	기타 SSL에 관해서 문의 4	시금치님	707	13년 전
26337	기획서 스토리 보드 문서 샘플 3탄입니다. 9	죽이는애	9,165	13년 전
26333	기획서 프로젝트 진행 현황 -달력형- 3	죽이는애	2,179	13년 전
26330	견적서 서비스로 쇼핑몰 구축에 대한 견적서 -자동계산-.xlx 2	죽이는애	2,593	13년 전
26326	기획서 스토리 보드 문서 샘플 2탄입니다. 3	죽이는애	2,563	13년 전
26320	기획서 스토리 보드 문서 샘플 입니다. 5	죽이는애	3,124	13년 전
17264	Linux dns관련하여 궁금한게 있어 이렇게 글을 올림니다. 3	visualp	712	13년 전
4217	몇년만에 다시 해보려고 합니다. 에디터 추천좀 부탁드립니다. 8	Daeng`2	746	13년 전
30358	HTML 접기/펼치기 소스 질문입니다. 도와주세요~~ 5	실바	4,645	13년 전
17259	PHP 이걸 짧게 바꿀수없을까요? 4	몽키D팡야	676	13년 전
17257	JavaScript input 박스에 이미지넣기 1	크라이스트	1,361	13년 전
17250	Linux 웹 서버가 두대일 경우, 이미지서버 없이 이미지 공유방법? 6	꼼꼼이	1,216	13년 전
30355	HTML 크로스 브라우징..시 CSS를 잘 못부르네요. 2	빌딩	1,239	13년 전
30352	HTML 웹 표준으로 했는데 블랭크가...또 쌩기는데 이번엔.. 2	빌딩	1,105	13년 전
17246	PHP 세션 시간이 늘어나지 않음 3	꼼꼼이	645	13년 전
17244	PHP euc-kr 파일을 utf-8로 일괄 변경 할 수 있나요? 1	에벤	1,332	13년 전
17239	기타 실버라이트 아시나요? 4	미소준하	727	13년 전
17238	Linux 아파치 설치후 디렉토리의 파일 노출 방지 하려면 .	visualp	1,450	13년 전
17237	PHP php에서 동적 변수 사용 하려면	visualp	1,082	13년 전
4210	다시 복귀 6	mammoth	726	13년 전
17234	Linux 리눅스 포트 변경 방법입니다. 추천부탁해요 2	에벤	2,104	13년 전
17232	Linux CentOS 에서 서비스 목록 1	에벤	1,070	13년 전
17229	기타 게시판 이상한 그림의 원인은 무엇인가요? 2	마이러버	691	13년 전
17222	기타 웹표준... target= '_blank' 요게 왜 비표준이라고 뜨는건지.. 6	몽키D팡야	2,255	13년 전
30348	HTML css...왜 위에 블랭크가 생길까요? 3	빌딩	1,172	13년 전
4202	프로그래머의 작업 장면 7	나른해	1,189	13년 전
17218	MySQL DB 필드값 3개를 합쳐서 또다른 필드에 넣을수 있는 방법 있을까요? 3	kastel	1,346	13년 전
4192	HTML 5 + JQuery 가 대세임.~ 9	아이아라	1,061	13년 전
4188	안녕하세요... 간략한 질문드리겠습니다. 3	로날듀우	561	13년 전
17215	Linux 크론탭 토요일 저녁 10시에 실행할라면 이게 맞나요 ? 2	생초	626	13년 전
4186	디비설계 ERD 솔루션 1	해피정	1,563	13년 전
4183	PHP 함수 URLENCODE 함수 질문드릴꼐요 2	로날듀우	775	13년 전
17210	MySQL mysql innodb 깨졋을때의 방법중 한가지 4	선택이란	1,791	13년 전
4178	GitHub 윈도우 4	전진	1,293	13년 전
17209	Linux 리눅스 웹서버 그누보드 마스터,슬레이브 설정	노재학	606	13년 전
30344	HTML jQuery 이미지 체크박스 3	웹군	4,045	13년 전
17201	기타 활동지수 어떻게 올리나요? 7	아이아라	728	13년 전
17194	jQuery [질문] 라디오버튼 이미지로 바꾸는거.. 6	미운오리스키	1,847	13년 전
30340	HTML 엄한 질문 하나 드립니다. ㅎㅎㅎ 3	오십원	1,167	13년 전
24388	프리랜서팀 3	박팍	1,540	13년 전
17193	기타 프로그래머가 고생하신걸 알기에....	믹스디자인	803	13년 전
17190	JavaScript iframe 로 다른 외부 페이지를 불러와야 한다면... 2	cshop	2,381	13년 전
17186	JavaScript iframe 세로 자동 리사이즈 간단 소스 3	아침안개	1,426	13년 전
17184	기타 도메인 예약 성공율 좋은 곳 있나요 1	아침안개	886	13년 전
17181	PHP 웹상에서 텍스트 파일 수정 2	아웅TI	1,400	13년 전
17179	기타 프리랜서팀 1	박팍	676	13년 전
4171	프리랜서팀 6	박팍	710	13년 전
17176	JavaScript 고수님들의조언이 필요합니다 ㅠㅠ 꼭 답변 부탁드려여 아시는분은 2	프리온관리자	715	13년 전
17174	jQuery 간략한 질문입니다!! 1	로날듀우	982	13년 전
17172	기타 호스팅추천좀 1	재건	644	13년 전
17171	PHP 링크관련	재건	568	13년 전
17169	jQuery 질문좀 1	재건	679	13년 전
30337	HTML html5와 플래시로 제작된 기능이 동일하게 구현이 되는 예 2	port	1,394	13년 전
24387	꿈꾸던 사업 - 두번째 - 교육관련	벤지	847	13년 전
4169	무료광고교환 사이트는 어느 사이트에 다가 광고신청하는게 좋을까요? 1	처리딘	582	13년 전
4166	이제 안심심해! 2	TopSchooL	556	13년 전
17167	JavaScript 상단 네비게이션 문의 1	최시땅	895	13년 전
17163	jQuery 질문이요 ..ㅠㅠ 3	KhanSu	691	13년 전
17161	jQuery jquery lazy load - 불필요트래픽줄이기 1	태양이2	2,152	13년 전
17159	기타 도메인주소로 호스팅업체 확인하기. 1	성광	1,483	13년 전
17156	Linux 리눅스 서버 cpu 비교좀해주실분^^ 2	sir24	676	13년 전
17151	jQuery 제이쿼리 공부법???ㅠㅠ 4	조박사님	1,735	13년 전
17148	기타 개인 홈피용 서버를 하나 살려는데.. 호스팅업체 추천좀 부탁드립니다. 2	조박사님	723	13년 전
30334	HTML 아이프레임으로 불러온 문서 내 특정영역 이동 2	웹어스	1,650	13년 전
17144	MySQL 중복값 찾는 방법좀 알려주세용 3	몽키D팡야	991	13년 전
17138	jQuery 이미지 롤링은 jQuery로 가능한가요? 5	곰도리푸우	4,084	13년 전
17137	MySQL MySQL 백업 툴..	UltraUCC	1,224	13년 전
17133	JavaScript 초보 쇼핑몰 운영자입니다 도움좀 ㅠㅠ 3	원숭이123	880	13년 전
17132	기타 호스팅 추천좀	그런듯아닌듯	543	13년 전
4161	심심해~!! 4	TopSchooL	515	13년 전
17131	Flash type was not found or was not a compile-time constant ...	쿠츠	1,647	13년 전
17129	PHP 간단한 php 알바입니다. 1	뜨아	1,151	13년 전
30331	HTML 메뉴 테두리를 둥글게 하고싶은데 안되네요... 2	마이피씨	2,630	13년 전
17128	JavaScript getElementById 아이디값이 틀리면?	왕개굴	783	13년 전
17125	Mobile 이 에러문구는 먼가요? 2	아이니	779	13년 전
17122	PHP 음 성능체크할수있는 함수같은건 없는건가요?ㅎㅎ 2	몽키D팡야	622	13년 전
4147	프로그램 이제막 들어온 신입인데.. 고민좀 들어 주세요.. 13	천운의신	820	13년 전
4142	php에서 time()값을 기본키로 사용했을때... 4	senseme	549	13년 전
26315	HTML 5 관련해서 4	워드앤코드	993	13년 전
17121	Linux ssh 세션 유지하기	빅뱅1	692	13년 전
17120	PHP php 파일 심볼릭링크 php 쉘스크립트	프로프리랜서	902	13년 전
17117	Mobile 모바일 홈페이지 바로 가기 아이콘 이미지 만들기 2	벤지	2,390	13년 전
26304	홈페이지를 홍보하는 방법... 10	투코아미디어	1,485	13년 전
30322	HTML zen코딩 치트문서~ 8	there007	1,497	13년 전
30319	HTML 젠코딩 동영상 2	지운아빠	1,353	13년 전
17116	MySQL 워드프레스 DB모델링 다이어그램	광순아빠	2,084	13년 전
17115	Linux ZendOptimizer, eAccelerator yum으로 설치하기	silky	756	13년 전
17114	Linux lynx로 웹페이지 로딩타임 측정하기	silky	630	13년 전
17113	Linux curl로 웹페이지 로딩시간 측정하기	silky	1,969	13년 전
17112	Linux LSMP (Linux System Management Project)	silky	566	13년 전
17110	Linux 웹서버 동시접속자 구하는 명령어 1	silky	582	13년 전
17109	Linux 파티션 레이블을 수정하는 명령어 e2label	silky	878	13년 전
17108	Linux SSL인증서 패스워드 제거방법	silky	612	13년 전
17107	Linux 리눅스ISO 다운로드 서버	silky	467	13년 전
17098	JavaScript 자바스크립트를 집어 넣을때...왜? 8	나는ya테스터	829	13년 전
17092	PHP php고수님들 들어오세요 5	복이219	965	13년 전
17085	JavaScript iframe관련입니다. 도와주세요! 6	바부바부팅이	995	13년 전

이전 다음

29 30 31 32 33

전체 목록