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

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

QA

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

답변 2

본문

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 버튼을 누르면 우측 페이지에 결과가 나옵니다.

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
filter #gnb ×
전체 21
© SIRSOFT
현재 페이지 제일 처음으로