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

간단한 스크립트 결합좀 해주세요!!

Revenge
프로필 보기이 회원 글보기이 회원의 댓글보기
 · 13년 전 · 938 · 1
개발자가 아니라 잘 모르겠네요 ㅠ_ㅠ
 
두개의 스크립트 기능을 합치고 싶습니다.
하나는 전체서브메뉴를 보여주는 스크립튼데, 출력은 되나,
마우스를 서브메뉴에 올릴시 닫쳐버리구요..
 
또 하나는 서브메뉴가 슬라이딩되어 내려오고 마우스 오버시 잘 작동은 되지만,
메뉴에 올리면 전체 서브메뉴가 내려오진 않습니다.
 
 
아래는 전체서브메뉴 출력만 되는 소스
-------------------------------------------------------------------
<script type="text/javascript">
function init() {
 var gnb = document.getElementById('nav');
 var heading = gnb.getElementsByTagName('li');
 var subMenu = gnb.getElementsByTagName('ul');
 
 // subMenu 위치 초기화
 for (var m=0; m<subMenu.length; m++){
  subMenu[m].style.left = m + 'px';
 }
 for (var i=0; i<heading.length; i++){
  heading[i].onmouseover = heading[i].onmouseout = function() {
   subMenuHandler();
  }
 }
}
function subMenuHandler() {
 var gnb = document.getElementById('nav');
 var subMenu = gnb.getElementsByTagName('ul');
 
 for (var j=0; j<subMenu.length; j++){
  (subMenu[j].style.display == 'block') ? subMenu[j].style.display = 'none' : subMenu[j].style.display = 'block';
 }
}
function addLoadEvent(func) {
  var oldonload = window.onload;
  if (typeof window.onload != 'function') {
    window.onload = func;
  } else {
    window.onload = function() {
      oldonload();
      func();
    }
  }
}
addLoadEvent(init);
</script>
-------------------------------------------------------------
 
 
아래는 서브메뉴는 내려오고 마우스 오버시 잘 작동하지만,
전체 메뉴가 내려오는것은 아닌, 해당 서브만 내려옵니다..
--------------------------------------------------------------
$(document).ready(function() { 
 $('#nav li').hover(function() {
  $('ul', this).slideDown(200);
  $(this).children('a:first').addClass("hov");
 }, function() {
  $('ul', this).slideUp(10);
  $(this).children('a:first').removeClass("hov");  
 });
});
------------------------------------------------------------
 
 
아래는 html 소스전문----------------------------------------
 
 
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<style>
* { margin: 0; padding: 0; }
body {font-family: Arial, Tahoma, sans-serif; font-size: 11px; color: #232323; }
.wrap { width: 800px;}
/* @group core nav menu */
#nav { margin: 0; padding: 0; list-style: none; border-left: 1px solid #d5dce8; border-right: 1px solid #d5dce8; border-bottom: 1px solid #d5dce8; border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; height: 50px; padding-left: 15px; padding-right: 15px; background: #edf3f7; }
#nav li { float:left; display: block; background: none; position: relative; z-index: 999; margin: 0 1px;}
#nav li a { display: block; padding: 0; font-weight: 700; line-height: 50px; text-decoration: none;  color: #818ba3; zoom: 1; border-left: 1px solid transparent; border-right: 1px solid transparent; padding: 0px 12px; }
#nav li a:hover, #nav li a.hov { background-color: #fff; border-left: 1px solid #d5dce8; border-right: 1px solid #d5dce8; color: #576482; }
/* @group subnav */
#nav ul {position: absolute; left:-500px; display: none; margin: 0; padding: 0; list-style: none; border:1px #d5dce8 solid;} 
#nav ul li { width:100px; position: relative; left:0px; border-top: 1px solid #fff; text-align: left; }
#nav ul li:hover { border-left:0px solid transparent; border-right: 0px solid transparent;background:#eee }
   
#nav ul a { display: block; height: 20px; line-height: 20px; padding: 8px 5px; color: #666; border-bottom: 1px solid transparent; text-transform:  uppercase; color: #797979; font-weight: normal; }
#nav ul a:hover { text-decoration: none; border-right-color: transparent; border-left-color: transparent; background: transparent; color: #4e4e4e; }
* html #nav ul { margin: 0 0 0 -2px; }
/** @group clearfix **/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
 
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
</style>
</head>
<body>
<div class="wrap">
 <ul id="nav">
  <li><a href="#">Homepage</a></li>
  <li><a href="#">About the Mag</a>
   <ul>
    <li><a href="#">Company</a></li>
    <li><a href="#">Authors</a></li>
    <li><a href="#">Write for Us?</a></li>
    <li><a href="#">Advertising</a></li>
    <li><a href="#">Get in Touch</a></li>
   </ul>
  </li>
  <li><a href="#">Freebies</a>
   <ul>
    <li><a href="#">PSD</a></li>
    <li><a href="#">AI Vectors</a></li>
    <li><a href="#">Patterns</a></li>
    <li><a href="#">Icons</a></li>
   </ul>   
  </li>
  <li><a href="#">Tutorials</a>
   <ul>
    <li><a href="#">HTML5</a></li>
    <li><a href="#">CSS3</a></li>
    <li><a href="#">jQuery</a></li>
    <li><a href="#">PHP MySQL</a></li>
    <li><a href="#">Ruby on Rails</a></li>
   </ul>
  </li>
  <li><a href="#">Web Tools</a>
   <ul>
    <li><a href="#">Performance</a></li>
    <li><a href="#">Browser Testing</a></li>
    <li><a href="#">CMS Plugins</a></li>
    <li><a href="#">Cheat Sheets</a></li>
   </ul>
  </li>
  <li><a href="#">Originals</a>
   <ul>
    <li><a href="#">Website Design</a></li>
    <li><a href="#">Mobile</a></li>
    <li><a href="#">User Interface</a></li>
    <li><a href="#">Freelancing</a></li>
    <li><a href="#">Inspiration</a></li>
   </ul>
  </li>
 </ul>
</div>
-----------------------------------------------------------
 
제가 바라는 기능은,
어떤 메뉴에 마우스를 올리던, 전체 서브메뉴가 내려오고,
그 서브메뉴에 마우스를 올릴시엔, 2번째 스크립트에 있는,
오버기능이 작동되었으면 좋겠습니다.
 
고수분들 도와주세요~ㅠ_ㅠ
목록
이전글 다음글

댓글 작성

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

로그인하기

댓글 1개

프로프리랜서
프로필 보기이 회원 글보기이 회원의 댓글보기
 13년 전
죄송해요

게시글 목록

번호 제목
16046
PHP PHP + AJAX + JQuery 샘플코드 4
16039
jQuery jquery + ajax + php 샘플 소스 6
24343
대구에서 근무하는 기획자
30035
HTML 한번은 넘어야 하는 css conflict 2
16035
PHP [질문]php 5.3.10 에는 ZendGuardLoader 설정이 안되나요? 3
16033
PHP view시 콤보박스 value값 다르게 보이기 1
16031
JavaScript 브라우저별 출력 width가 다른 이유가 무엇일까요? 1
3896
법인으로 된 홈페이지제작업체 아시는분? 1
30030
HTML [도와주세요!] 'HTML table 만들기' 관련 질문입니다.' 4
3892
머리 숙이고 들어가 굽신하면서 훗날을 도모할것이냐? 3
16029
PHP phpinfo.php 출력할때 타임존 에러수정 ..... 1
16026
node.js nodejs toolbox 입니다 2
16024
node.js node js 강좌 모음 이네요 1
16020
Flash [CS4][AS3]동영상 광고에서 주로쓰이는 방식 3
16016
JavaScript 출력 결과가 이상하게 다르네요.... 3
16013
Linux cband로 서버 전체 초당전송량 제한하기.. 2
16010
JavaScript 익스플로러8에서는 잘 되는데 익스플로러9에서는 안되는 경우 문의드립니다. 2
3889
mysql 디비 덤프작업을 2시간 걸려서 완료했습니다. 2
30027
HTML [도와주세요!] '텍스트 서식'에 대한 'HTML태그' 질문입니다. 2
16009
Flash 크롬에서 type="application/x-shockwave-flash" 소스가 출력되어져 버립니다
16008
Linux 아파치 데몬 체크실행하기
16007
MySQL MySQL innodb Lock 체크
16005
기타 리눅스 쉘에서 자주쓰는경로 이동시 bash 함수 만들기팁. 1
30025
HTML 스크롤바 관련 질문드려요.. 1
16001
PHP 이 홈페이지같은 게시판들 만들고 싶어요 3
15998
MySQL mysql 5.5 설치후 character-set 에러없이 my.cnf 수정하기 2
3886
요즘 아샬님이 안 보입니다. 2
30022
HTML [질문]윈더우7시스템에서 익플러스9버전에서 css 실행 안대요 2
3883
저희서버에 해킹프로그램 그런게 심어져있다고 하던데요 2
15995
웹서버 계정생성 쉘스크립트 .... 2
15992
JavaScript 음;; 텍스트박스 엔터시 비활성? 2
30020
HTML 웹표준 질문이요^^ 1
15991
Linux PuTTY의 SSH 창에서 한글 깨짐 막기
15989
Linux 내/외부망 연결하기 1
15980
node.js 5분만에 만들어보는 채팅 프로그램 8
15977
PHP 으... php email 보내기는 앞으로 여기를 보세요. 2
3878
jquery 슬라이드 질문드립니다! 4
15976
JavaScript HTML 출력 퍼포먼스...
3871
CI 많이들 쓰시는지... 6
26248
서식 지출결의서 양식
3868
아 일요일이 지나가고 있습니다. 2
3861
[카페24] 도메인 추가연결에 관한 질문입니다. 6
15972
MySQL 꼭 NOT NULL 이 아니라 NULL로 지정해야 하는 경우 3
15970
PHP exit() 쓰시는 분들 1
15967
Mobile 공부하려하는데 책을 뭐사지; 2
15964
JavaScript 자바스크립트와 메모리 누수와 IE 2
15954
기타 활동지수 ?? 왜 추천하면 안올라 가죠??? 9
26245
기획서 쇼핑몰 수익 시뮬레이션 2
15953
Mobile Appspresso 프레임워크 - Android 하이브리드 애플리케이션 개발
15952
Mobile iOS 모바일 브랜드 애플리케이션 개발
15948
PHP php 기반 웹크롤러 모음 3
15947
PHP [질문] GD 에서 RGB 값 컨트롤하는 방법?
30016
HTML .Xem 과 px로 조절하는 차이가 궁금합니다. 3
15944
MySQL 쿼리에서 해당 테이블 이름 구하기? 2
15943
Linux vim 인코딩 팁 ( 이미 읽은 파일의 인코딩 바꾸는 방식)
15942
MySQL putty 로 phpmyadmin설치방법
15940
기타 페이스북 숫자 아이디 찾는 방법 아시는분 1
15938
JavaScript 이코드만으로는 출력이 안되나요? 1
15935
JavaScript onclick시에 디비 읽어 와서 inputdp넣기 2
24342
웹기획 과 인쇄기획의 차이
3855
카페24 가상서버호스팅 5
15933
Linux putty로 일반계정 접속하는방법좀 알려주세요 ㅠ 1
15930
MySQL 테이블이 있으면 업데이트, 없으면 만들기! SELECT COUNT써야 되나요 2
3850
리뉴얼은 아닌, 내부적으로 꽤 큰 공사할때 어떻게 하시나요? 4
15928
JavaScript 간단한 스크립트 결합좀 해주세요!! 1 현재글
15925
PHP 회원이면~닉네임표시 방문자면 비회원 2
30013
HTML css 특정 객체 스타일 지정 질문~ 2
30012
HTML Cross-Browser CSS Gradient
15922
기타 구글 사이트 등록에 대한 질문입니다. 2
15921
Linux linux read-only file system 에러날때
15918
node.js [예약판매] Node.js 노드제이에스 프로그래밍 2
3843
UTF-8 과 UTF-8 + BOM 에 대해 간단하게 설명해 주세요. 6
3842
여전히 즐거운 휴일입니다.
15915
JavaScript 텍스트파일에서 랜덤으로 무작위로 불러오기 2
15912
PHP php?v= 이런건 어떻게 만드나요? 2
15911
Linux 유용한리눅스사이트
3840
[Q] APM 이후 어떤걸 깔아주면 좋을까요 ? (S5K) 1
15904
PHP 리눅스 서버에서 PHP 웹쉘 찾기/PHP 웹쉘 샘플 4개 6
26244
회갑 봉투
26243
근조 봉투
3835
그누보드로 대용량시 서비스 문제점. 4
15902
Flash 플래쉬 url링커가 안되요. 1
26239
통계 SIR 최근 플래시 버전별 방문율 3
15898
Linux mysql 연동 관련 3
3828
apache + php VS nginx + fastcgi + php 6
26230
마케팅 측면에서 도메인 운영 및 구입노하우. 8
15897
PHP 따옴표, 쌍따옴표가 들어간 값을 serialize 함수 처리
26227
오늘은 가급적 외출금지해야하겠어요. 2
3826
[도와주세요] 아마존 API 이용, 상품평과 가격정보 받아오기 1
26219
SIR 최근 화면 해상도별 방문율 7
15893
jQuery 이미지의 색상을 변경하는 방법 !! 3
15886
기타 홈페이지 주소 변경시 어떻게 하는지요? 6
3807
대용량 서비스 이슈. mysql 리플리케이션 18
3800
[Q] modsecurity 오류 발생 합니다. 6
3796
도메인 검색엔진에 대해서 3
15885
Flash 플래쉬 에서 아작스 자바스크립트 함수를 넣어야하는데 어떻게 할까용??
15881
JavaScript 플래쉬 에서 아작스 자바스크립트 함수를 넣어야하는데 어떻게 할까용?? 3
15879
PHP 도메인 관련 1
15877
JavaScript 페이스북 타임라인 최신글등을 웹홈페이지와 연동시키고싶어요.. 1
15864
jQuery jquery 이미지 슬라이드 추천 12
이전 다음
전체 목록