메가메뉴 슬라이드 다운 형태로 나오는것을 참고할 코드가 있을까요?

oneit

2022-10-18 (화) 17:52:56 2,154

https://bootsnipp.com/snippets/Gq0z2

링크처럼 메가 메뉴가 슬라이더 형식으로 천천히 나오는 효과는 어디 코드를 참고할 수 있을까요?
따로 오픈되어 있는 곳이나 참고할 만한 자료 찾고 있습니다.

참고해서 직접 만들어 보고자 합니다.

그누보드5 메가메뉴 megamenu

답변 1개 / 댓글 3개

채택된 답변

+20 포인트

비버팩토리

프로필 보기 작성한 질문 작성한 답변 전체 작성글 보기 전체 댓글 보기

2022-10-18 (화) 18:57:10

소스코드 보면 css랑 js가 다 포함 되었는데요

응용해서 제작하면 될것같아요

Copy

$(document).ready(function(){
    $(".dropdown").hover(            
        function() {
            $('.dropdown-menu', this).not('.in .dropdown-menu').stop(true,true).slideDown("400");
            $(this).toggleClass('open');        
        },
        function() {
            $('.dropdown-menu', this).not('.in .dropdown-menu').stop(true,true).slideUp("400");
            $(this).toggleClass('open');       
        }
    );
});

답변에 대한 댓글 3개

oneit

프로필 보기 작성한 질문 작성한 답변 전체 작성글 보기 전체 댓글 보기

2022-10-18 (화) 22:05:54

답변감사합니다. 저도 해당 소스코드를 보았으나 다른 전형적인 애니메이션 방법이 있을지 해서 문의를 드렸습니다.
제가 생각하고 있는 기능은 mega menu 나오게 할시에 바로 나오는 것 보다는 dropdown 형식으로 천천히 아래로 나오는 것이 따로 있는지 해서 문의를 드렸습니다.
.slideDown("400");
이 코드를 이용해야 할지 아니면 다른 전형적인 방법이 있는지 해서 문의드렸습니다.

리오닥터

프로필 보기 작성한 질문 작성한 답변 전체 작성글 보기 전체 댓글 보기

2022-10-18 (화) 22:22:52

이거 참고해보세요
https://stackoverflow.com/questions/31873063/slidedownslow-delay1500-slideupslow-how-to-slideup-before-its-functi

oneit

프로필 보기 작성한 질문 작성한 답변 전체 작성글 보기 전체 댓글 보기

2022-10-19 (수) 09:36:38

답변 감사합니다. 링크 참고해서 개발하도록 하겠습니다.

답변을 작성하려면 로그인이 필요합니다.

메가메뉴 슬라이드 다운 형태로 나오는것을 참고할 코드가 있을까요?

답변 1개 / 댓글 3개

답변에 대한 댓글 3개

공유하기