묻고답하기
드롭메뉴 관련 질문이요..답변 부탁드려요
2015.03.02 02:14
안녕하세요. 정말 급합니다 ㅠㅠ 도와주세요..
예)
메뉴1 메뉴2 메뉴3
이중에서 메뉴1을 눌르면
예)
메뉴1 메뉴2 메뉴3
서브메뉴
서브메뉴2
서브메뉴3
이렇게 뜨자나요 이걸 메뉴1에다가 마우스 오버시에 전체로 펼쳐지게할수 없을까요?
예)
메뉴1 메뉴2 메뉴3
서브메뉴1 서브메뉴2-1 서브메뉴3-1
서브메뉴2 서브메뉴2-2 서브메뉴3-2
서브메뉴3 서브메뉴2-3 서브메뉴3-3
메뉴1이나 메뉴2 메뉴3 어느 곳에 마우스 오버시에 전체 메뉴가 뜨게 하고싶습니다..
이걸 css로 수정하기 힘들거 같고.. 어디를 손봐야댈지 도통 모르겠내요..검색하고 몇시간째 수정중인대..고수분들 꼭 도움을 얻고싶습니다.
layout.js 입니다.
jQuery(function($){
$('.dropdown').hover(function(){
$(this).addClass('open');
});
$('.dropdown').focus(function(){
$(this).addClass('open');
});
$('.dropdown').mouseleave(function(){
$(this).removeClass('open');
});
$('.act_menu').click(function(){
$('.total_menu').toggle();
});
var gMenu = $('div.total_menu');
var gItem = gMenu.find('>div>ul>li');
var ggItem = gMenu.find('>div>ul>li>ul>li');
var lastEvent = null;
function gMenuToggle(){
var t = $(this);
if (t.next('ul').is(':hidden') || t.next('ul').length == 0) {
gItem.find('>ul').slideUp(200);
gItem.find('button').removeClass('hover');
t.next('ul').slideDown(200);
t.addClass('hover');
} else {
gItem.find('>ul').slideUp(200);
gItem.find('button').removeClass('hover');
};
};
gItem.find('>button').click(gMenuToggle);
var scrollToTop = function() {
// Get link
var link = $('#to-top');
var windowW = window.innerWidth
|| document.documentElement.clientWidth
|| document.body.clientWidth;
$(window).scroll(function() {
// If the user scrolled a bit (150 pixels) show the link in large resolutions
if (($(this).scrollTop() > 150) && (windowW > 991)) {
link.fadeIn(100);
} else {
link.fadeOut(100);
}
});
// On click get to top
link.click(function() {
$('html, body').animate({scrollTop: 0}, 400);
return false;
});
};
});
도와주세요 ㅠㅠ
글쓴이 | 제목 | 최종 글 |
---|---|---|
XE | 공지 글 쓰기,삭제 운영방식 변경 공지 [16] | 2019.03.05 by 남기남 |
thdwjdtjr | 댓글표시 숫자 굵기 및 칼라를 변경 [2] | 2015.10.09 by thdwjdtjr |
배워서남준다 | 가상사이트에서 위젯 추가시 모듈 선택에 대해서 [1] | 2015.10.09 by 배워서남준다 |
최태진814 | 여러분 알려주세요! 부탁드립니다^^ | |
쿠니쨔응 | 어드민 오류 제발 도와주세요. [3] | 2015.10.09 by 휘즈 |
801호 | 이미지 파일 외부에서 보지 못하게 하는 법이 있을까요? [2] | 2015.10.09 by 801호 |
thdwjdtjr | 댓글수 표시방법 [2] | 2015.10.09 by thdwjdtjr |
소이스 | 통합검색 폼 질문 [5] | 2015.10.09 by 퍼니엑스이 |
홈런볼11 | 최신글에 신고 표시 | |
Speak | 게시판에 글 등록 할 경우 [3] | 2015.10.09 by sejin7940 |
moltoband | 게시판이 레이아웃에 나타 나지 않게 하려면... [4] | 2015.10.09 by moltoband |
함예정 | 게시판 DX 본문하단 읽은 사람 목록 삽입. | |
별별 | 태그? 해시태그? 기능 질문드려요 [3] | 2015.10.09 by 별별 |
Zholiang | XE 설치 후 이미지 연결 [2] | 2015.10.08 by Zholiang |
Zholiang | 스케치북 아이콘 안나와서 문의드립니다. | |
mcls**** | 게시판 확장변수 일자 관련 문의드립니다. [1] | 2015.10.08 by mindpainter |
gaowl | 쪽지 보낼 때 입력폼에서 글씨색 변경하는 법 좀 알려주세요 ㅠㅠ [1] | 2015.10.08 by mindpainter |
일단놓고말해 | 구글포토 사이트의 움직이는 사진의 구현 방법 [3] | 2015.10.08 by YJSoft |
일단놓고말해 | 구글 사이트 분석 PageSpeed Insights 오류 해결방법. | |
아형여옹 | 도메인에 대해서 팁 좀 알려주세요 [8] | 2015.10.08 by 기진곰 |
슈니슈니 | 게시판 상단내용 질문드려요 [5] | 2015.10.08 by 별별 |
기본레이아웃의 메뉴가 전체메뉴 드랍다운 방식입니다. 기본레이아웃을 참고해 사용하고 계신 레이아웃수정해보세요.