css 스프라이트 메뉴 페이지 인식 문제...
매디
문제가 되는 페이지 주소를 첨부합니다.
http://gbgs.go.kr/buseo01/소스가 조금 깁니다
진하게 된 부분이 문제가 되는 부분입니다.
ul id=gnb
li class=gnb01
a class=gnba01 hover title=부서 및 직원안내 페이지로 이동합니다 href=/buseo01/page.jsp?site_id=buseo01&mnu_uid=4219&부서 및 직원안내/a
ul style=visibility: visible;
li class=pl_0
a class=hover target=_self href=/buseo01/page.jsp?site_id=buseo01&mnu_uid=4223&인사말/a
/li
li class=pl_0
a target=_self href=/buseo01/page.jsp?mnu_uid=4224직원안내/a
/li
/ul
/li
li class=gnb02
a class=gnba02 title=사무실위치 페이지로 이동합니다 href=/buseo01/page.jsp?site_id=buseo01&mnu_uid=4220&사무실위치/a
/li
li class=gnb03
a class=gnba03 title=업무안내 페이지로 이동합니다 href=/buseo01/page.jsp?mnu_uid=4381업무안내/a
/li
li class=gnb04
a class=gnba04 title=인터넷민원 처리내용 열람 페이지로 이동합니다 href=/buseo01/page.jsp?site_id=buseo01&mnu_uid=4221&인터넷민원 처리내용 열람/a
/li
li class=gnb05
a class=gnba05 title=공개감사 페이지로 이동합니다 href=/buseo01/page.jsp?site_id=buseo01&mnu_uid=4860&공개감사/a
/li
li class=gnb06
a class=gnba06 title=게시판 페이지로 이동합니다 href=/buseo01/page.jsp?site_id=buseo01&mnu_uid=4222&게시판 /a
ul style=visibility: hidden;
li class=pl_0
a target=_self href=/buseo01/page.jsp?site_id=buseo01&mnu_uid=4228&공지사항/a
/li
li class=pl_0
a target=_self href=/buseo01/page.jsp?site_id=buseo01&mnu_uid=4229&자료실/a
/li
/ul
/li
/ul
css 소스 입니다.
#gnb{ position:absolute; top:105px; left:0; width:820px; overflow:hidden; padding-left:120px; height:65px;}
#gnb li{ float:left; text-indent:-5000px; background:url(/buseo/images/common/layout/line_gnb.gif) no-repeat right 7px; padding:0 9px 0 8px;}
#gnb li a{ background: url(/buseo/images/common/menu/gnb0418.gif) no-repeat; overflow:hidden;}
#gnb li a:hover{ text-decoration:none;}
#gnb li ul{ position:absolute; top:36px; left:140px; width:948px; overflow:hidden; visibility:hidden;}
#gnb li.gnb01 ul{ left:125px; width:400px;}
#gnb li.gnb02 ul{ left:200px; width:780px;}
#gnb li.gnb03 ul{ left:280px; width:400px;}
#gnb li.gnb04 ul{ left:420px; width:400px;}
#gnb li.gnb05 ul{ left:585px; width:400px;}
#gnb li.gnb06 ul{ left:595px; width:400px;}
#gnb li ul li{ float:left; padding:0 10px 3px 9px; background: url(/buseo/images/common/layout/line03_head.gif) no-repeat right 4px; text-indent:1px;}
#gnb li ul li a{ color:#666; background:none;}
#gnb li.gnb01 a.gnba01{ background-position:0 -50px; width:104px; height:24px; display:block;}
#gnb li.gnb01 a.gnba01:hover{ background-position:0 -7px;}
#gnb li.gnb01 a.hover{ background-position:0 -7px;}
#gnb li.gnb01 ul a.hover{ background:none; color:#000;}
#gnb li.gnb02 a.gnba02{ background-position:-126px -50px; width:75px; height:24px; display:block;}
#gnb li.gnb02 a.gnba02:hover{ background-position:-126px -7px;}
#gnb li.gnb02 a.hover{ background-position:-126px -7px;}
#gnb li.gnb02 ul a.hover{ background:none; color:#000;}
#gnb li.gnb03 a.gnba03{ background-position:-223px -50px; width:60px; height:24px; display:block;}
#gnb li.gnb03 a.gnba03:hover{ background-position:-223px -7px;}
#gnb li.gnb03 a.hover{ background-position:-223px -7px;}
#gnb li.gnb03 ul a.hover{ background:none; color:#000;}
#gnb li.gnb04 a.gnba04{ background-position:-307px -50px; width:148px; height:24px; display:block;}
#gnb li.gnb04 a.gnba04:hover{ background-position:-307px -7px;}
#gnb li.gnb04 a.hover{ background-position:-307px -7px;}
#gnb li.gnb04 ul a.hover{ background:none; color:#000;}
#gnb li.gnb05 a.gnba05{ background-position:-478px -50px; width:60px; height:24px; display:block;}
#gnb li.gnb05 a.gnba05:hover{ background-position:-478px -7px;}
#gnb li.gnb05 a.hover{ background-position:-478px -7px;}
#gnb li.gnb05 ul a.hover{ background:none; color:#000;}
/* 추가 0418 */
#gnb li.gnb06 a.gnba06{ background-position:-560px -50px; width:50px; height:24px; display:block;}
#gnb li.gnb06 a.gnba06:hover{ background-position:-560px -7px;}
#gnb li.gnb06 a.hover{ background-position:-560px -7px;}
#gnb li.gnb06 ul a.hover{ background:none; color:#000;}
원래 gnb05까지만 있었는데..
제가 추가를 시킨게 아래 gnb06부분 입니다.
gnb05를 gnb06으로 변경 시키고 gnb05를 추가 했습니다.
롤오버까지는 인식이 잘되는데..
클릭해서페이지를 이동할 경우01,02,03,04는 전부 hover 클래스를 가지고 와서바뀌는데 gnb05와 gnb06은 클래스를 못가지고 오네요..거기다가gnb06을 클릭했는데gnb05가 인식 되버리고....
한마디로엉망이 되버리네요...
전에 있던 분이 하신거라서...물어볼 수도 없습니다..ㅠㅠ 어제오후부터 오전내내 해도 도저히 해결이 안되네요....
제이쿼리를 사용한 것 같은데 도무지 어떤 부분을 수정해야 하는지 알 수가 없어서 문의 드립니다..ㅠㅠ
도와주세요~~ㅠㅠ
================================================해결됐습니다! if (m == 4219) {
Level1 = 1;
alt = 우리동네;
} else if ( m == 4220) {
Level1 = 2;
alt = 동주민센터;
} else if (m == 4381) {
Level1 = 3;
alt = 사이버민원;
} else if (m == 4221) {
&nbbsp; Level1 = 4;
alt=게시판;
} else if (m == 4860) {
Level1 = 5;
alt=공개감사;
} else if (m == 4222) {
Level1 = 6;
alt=게시판;
}이 부분을 매칭시켜서 값을 넣으니까 잘 되네요~
답변 주신 분들 감사합니다 ~ ^^
-
아유미
네..이게 페이지 하나에서 프로그램?으로 넘겨오는 값에 따라서 컨텐츠 내용을 변경 시키더라구요....^^;;;
; -
맞손질
페이지 제일 상단에 서버언어로 숫자로 정의해놓은것이 없나요?
%
pageNum = 1;
%
대략 이렇게 생긴거요