서브메뉴 관련 질문입니다.

서브메뉴 관련 질문입니다.

QA

서브메뉴 관련 질문입니다.

본문

html, css를 독학하고 있는 사람입니다. 

 

https://www.deliverycar.co.kr/p/user/main.do;jsessionid=fSjf9cI0SrAhVUXf2kWGEK9F.autoever21

위 사이트와 같은 gnb를 만들고 싶습니다. 

마우스 오버하면 전체메뉴가 슬라이드다운되고 마우스가 나가면 슬라이드업되는 소스를 찾으려면

어떻게 검색해야할까요?? 

 

지금까지 찾아본 결과로는 css의 애니메이션으로 만드는 방법이 있고 제이쿼리를 사용하는 방법이 있는 것 같은데 일반적으로는 어떤 방식으로 구현하는지 궁금합니다.

 

답변부탁드리겠습니다.

이 질문에 댓글 쓰기 :

답변 2

어느쪽이 더 일반적인지까지는 모르겠습니다.

개인적인 추측으로는 css 처리보다는 jquery 처리가 좀 더 많지 않을까하는 생각입니다.

 

참고할 수 있는 글들 url 입니다.

https://www.w3schools.com/jquery/jquery_slide.asp

https://www.w3schools.com/howto/howto_css_dropdown.asp

 

https://www.newmediacampaigns.com/blog/nicer-navigation-with-css-transitions

https://www.newmediacampaigns.com/blog/nicer-navigation-with-css-transitions-part-2

 

http://jsfiddle.net/pggsj3vj/1/?utm_source=website&utm_medium=embed&utm_campaign=pggsj3vj

 

http://alik.info/p/126

 

위 링크를 참조하세요.

좌측 상단의 RUN 버튼을 누르면 우측 페이지에 결과가 나옵니다.

답변을 작성하시기 전에 로그인 해주세요.
전체 21
QA 내용 검색
filter #gnb ×

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT