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

막걸링

· 13년 전 · 조회 1583 1583 · 댓글 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 관게 없음...

게시글 목록

번호	제목	글쓴이	조회	날짜
5125	그누보드 외래키 6	프토코이	1,181	13년 전
31169	표준화 4강 그누보드4 dtd 변경 및 오류 찾기 (html5) 19	지운아빠	5,047	13년 전
31156	표준화 3강 html5 시맨틱 마크업과 그누보드 12	지운아빠	6,423	13년 전
24468	Getting Real 이라는 방법론의 요약입니다. 5	블랙스완	1,195	13년 전
5123	안녕하세요^^ 먼가 메뉴가 개편된뒤로는.. 1	AKASIA	526	13년 전
26932	어떻게 하시나요? 6	호순아잉	891	13년 전
18245	PHP 아파치 웹서버 로그 파싱 access_log parser php 2	카카오툴즈	1,877	13년 전
18239	Mobile 디바이스별 viewport 설정. 5	시누이	5,609	13년 전
5111	PHP 개발자 시장이 어떤가요? 11	jfascas	1,032	13년 전
18236	JavaScript 팝업창 width="100%" 전체적으로 나올수있도록 하는 방법을 좀 도와주세요ㅠㅠ 2	진풍백	1,695	13년 전
5097	개발자 VS 프로그래머? 13	유보	1,308	13년 전
5096	dtd로 개인 홈피 하나 만들어볼라고 합니다.	itlang	502	13년 전
26924	웹표준 장난 아니네요! 7	포커슷	1,302	13년 전
5086	apk 개발은 안하시나요? 9	지러유	776	13년 전
5080	phpmyadmin 사이트가 접속이 안되네요... 5	항상감사	623	13년 전
31139	표준화 2강 장애인차별금지법의 이해 - 웹 접근성 16	지운아빠	6,129	13년 전
26919	링크 걸어봐여, 4	호순아잉	857	13년 전
5078	궁금한 내용이 있어서 의견 구해 봅니다 1	악마의유혹	458	13년 전
26914	포토샵 슬라이스 써서 홈페이지 HTML 코딩 했답시고 던지는 디자이너 보면 어때요? 4	현님	2,794	13년 전
26898	내가 이전 디자이너 때문에 못삽니다 ㅜㅜㅜ 15	현님	1,169	13년 전
18227	jQuery 제이쿼리 이미지 메뉴 8	port	3,531	13년 전
24462	웹기획자는 경영지식이 있어야할까요? 5	블랙스완	1,348	13년 전
26891	html5 명세서 공유합니다. 6	호순아잉	1,060	13년 전
5072	고수님들의 의견을 듣고싶어요. 5	항상감사	568	13년 전
5069	Where is the Gangnam Style 2	아샬	558	13년 전
5066	아이디 클릭시 "쪽지보내기.자기소개,홈페이지" 보이게 하이는 방법 어떻게 하냐요? 2	angrysol	816	13년 전
26889	공부할 겸 CSS2.1 권고안 번역하고 있습니다. 1	지운아빠	1,003	13년 전
24457	기획 분야인지 모르겠지만 홈페이지 하단에 주소, 사업자 등등.. 4	포커슷	1,722	13년 전
5061	고수님들 부탁드려요.회원가입시 주민등록번호 없애는 방법 4	angrysol	1,044	13년 전
30628	HTML object 태그 질문 드ㅡ립니다 2	후라보노보노	2,131	13년 전
5059	다음 카페 API 사용해 보신분 계신가요? 1	모니터군	1,091	13년 전
26413	견적서 엑셀.,견적서.., 13	울랄라커뮤니케이션스	4,185	13년 전
18223	웹서버 [Linux] 폴더별 용량 확인 3	울랄라커뮤니케이션스	3,354	13년 전
18222	웹서버 IIS7 + FastCGI + PHP + MySQL 설치 방법	울랄라커뮤니케이션스	4,928	13년 전
31109	표준화 1강 웹 표준, 웹 접근성의 이해 29	지운아빠	7,530	13년 전
26410	통계 SIR 2012년 9월 운영체제, 해상도별 방문율 2	관리자	2,773	13년 전
26406	통계 SIR 2012년 9월 브라우저별 방문율 3	관리자	2,223	13년 전
5056	개발자의 사전적 의미 2	gilynh	651	13년 전
5042	개발자 결국 개발자(내가 개발자로 입사한건 아니지만) 포기 하고 회사 옮겼습니다. 13	현님	2,960	13년 전
26885	또 질문이 이써요 ㅎㅎ 3	김우너석	834	13년 전
31097	표준화 그누보드4 웹 표준화 강좌 규칙 11	지운아빠	4,328	13년 전
18214	jQuery 유니클로 슬라이드 간략버전 7	gilynh	2,469	13년 전
5034	개발자 요즘 업계들 사정 어떤가요?? 개발자 구하기가 하늘에 별따기던데.. 7	grapedw	1,843	13년 전
5030	개발자 게시판에서 cheditor로 업로드한 이미지가 3	오지랖선생	1,615	13년 전
31075	표준화 그누보드4 웹 표준화 커리큘럼 21	지운아빠	5,920	13년 전
26879	퍼블리셔 제 글이 인기가 없어서, 다시 적어 봅니다 ㅠㅠ 5	호순아잉	1,741	13년 전
5021	개발자 mysql 도움좀 주세요 8	simon1004	1,443	13년 전
5019	개발자 뭐든 최신은.... 1	亞波治	1,297	13년 전
18207	MySQL mysql 성능향상을 위한 팁.. 6	울랄라커뮤니케이션스	2,816	13년 전
26854	퍼블리셔 <dl>, <ul> 어떤 것이 맞을까? 24	지운아빠	2,852	13년 전
5010	개발자 ssl서버설치 하려고합니다. 8	아브딜론	1,151	13년 전
5002	개발자 세상은 넓고 고수들은 많다 (어느 미국 처자 이야기) 7	Maximus	1,357	13년 전
4999	개발자 hotmail은 수신확인이 안되나요? 2	오리진소프트	4,607	13년 전
4986	개발자 배경이미지를 사용자에 의해 변경할수 있는 방법 8	꿈소망	675	13년 전
4995	개발자 사업자 말고 개인이 사용가능한 결제대행 업체나 사이트 3	한글민	1,137	13년 전
18196	MySQL 조건문을 정확하게 써라 10	말러83	1,449	13년 전
30626	HTML [HTML5] classList api 클래스 변경 api 1	다프린	1,871	13년 전
18195	JavaScript 여러개의 라디오버튼 모든 버튼 필수 입력 제이쿼리형	hy미디어	1,904	13년 전
26852	퍼블리셔 처리됨 취소선 찍찍 1	크로셀	1,667	13년 전
26846	퍼블리셔 반응형 웹 견적내는법 아시는분 5	블랙스완	4,780	13년 전
4985	개발자 결국은 서버 리셋하고 APM 재설치 했네요....ㅠㅠ	亞波治	1,122	13년 전
18186	웹서버 CentOS6.3 + httpd2.4.3 + mysql5.5.28 + php 5.3.17 8	亞波治	6,103	13년 전
30622	기타 필요에 따라 자스/css 불러왔다 내보내기 3	Maximus	1,570	13년 전
26842	퍼블리셔 CSS 문의 드립니다. 3	김우너석	1,679	13년 전
18184	기타 리눅스 쉘 상에서 파일 인코딩 1	프로프리랜서	1,378	13년 전
26839	퍼블리셔 이 페이지가 안열려서 그러는데 어떻게 하나요^^;;? 2	하늘제사장	1,033	13년 전
18182	기타 bootstrap css 프레임웍 1	K찰스	1,758	13년 전
4972	개발자 오늘 조기 퇴근입니다. 12	gilynh	775	13년 전
4954	개발자 jQuery 창시자 존레식 17	gilynh	2,280	13년 전
4951	개발자 쪽지스팸 2	진서기	612	13년 전
4947	개발자 이런 경우가 있을수 있나요? 3	亞波治	619	13년 전
24448	기획자 다들 반응형웹 어떻게 생각하시나요? 8	블랙스완	3,268	13년 전
26832	퍼블리셔 퍼블리셔 서브 메뉴의 글 6	전진	1,072	13년 전
4937	개발자 돈과 시간만 있으면, 그 어떤 시스템이라도 만들 수 있다고 생각하는가? 9	gilynh	732	13년 전
4934	개발자 아놔...간만에 일찍들어와 작업 할려니.... 2	亞波治	559	13년 전
26827	퍼블리셔 도메인 하나 샀네요. 티스토리 초대장 좀 부탁드립니다 ㅠ 4	지운아빠	1,057	13년 전
18181	JavaScript 체크박스 다중선택시 제한 걸기 (3개이상 선택시 애러메시지 출력)	AKASIA	2,221	13년 전
4924	개발자 좋은정보라...... 5	亞波治	670	13년 전
18169	PHP 깔끔한 코딩을 위한~ "제어 구조의 대체 문법" 11	켈리얀	1,541	13년 전
4930	개발자 후힛 조인문 완성햇어욤 ㅋㅋㅋ 3	엔스토어	762	13년 전
4917	개발자 sass 라는 것에 대해서 오늘 첨... 6	xpem	743	13년 전
24438	기획자 웹기획 커뮤니티는 필수일까? 9	블랙스완	2,557	13년 전
26820	퍼블리셔 같다 = 같다? 6	이천이지	997	13년 전
26813	퍼블리셔 체크박스를 대신해서 드래그버튼으로 구현하려합니다 6	모노폴리	1,208	13년 전
4912	개발자 우리 회사 팀장은 디개기뻐 중 누규? 4	hy미디어	641	13년 전
26804	퍼블리셔 아 알려주세요..ㅜ 테이블 백그라운드... 8	우왘	1,654	13년 전
4906	개발자 모바일 크롬에서 5	다프린	664	13년 전
4895	개발자 개발자는? 어떤키보드를 써야하는가! 10	유보	824	13년 전
4887	개발자 이런 사람 어떻게 생각하시나요? 7	프로프리랜서	571	13년 전
4882	개발자 어떤 컴퓨터 메이커가 믿음이 가는지요? 4	亞波治	631	13년 전
4877	개발자 제작의뢰 후기 게시판을 보니.... 4	亞波治	612	13년 전
4869	개발자 핸폰에서 사용이 가능한 에디터가 있을까요? 7	亞波治	717	13년 전
30618	CSS 가상클래스 순서 외우기 3	모노폴리	1,914	13년 전
4866	개발자 혹시 runkeeper 사용 하시는분 있나요? 2	다프린	976	13년 전
26799	퍼블리셔 개발자이지만....ㅎㅎ 4	켈리얀	1,081	13년 전
4862	개발자 Nginx+FPM-PHP -> Apache 2.4.3 + php 5.3.17로 갈아탔습니다. 3	진서기	1,986	13년 전
26795	퍼블리셔 오늘 아침 검색하다가 ㅋㅋㅋ 3	지운아빠	1,132	13년 전
24430	기획자 발로 하는 서브메뉴 디자인 기획 7	지운아빠	2,769	13년 전
4857	개발자 MYSQL 괴현상.. 4	JOYCOM	629	13년 전
30609	HTML 넌 이제 오빠꺼야, embed 동영상 위의 div 표시문제 8	지운아빠	3,295	13년 전

이전 다음

23 24 25 26 27

전체 목록