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

서브메뉴 관련 질문입니다. 채택완료

pwm417 7년 전 조회 2,164

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

 

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

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

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

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

 

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

 

답변부탁드리겠습니다.

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

답변 2개

채택된 답변
+20 포인트
7년 전

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

개인적인 추측으로는 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

 

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

p
pwm417
7년 전
정말 감사합니다!!!

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

M
7년 전

http://alik.info/p/126">http://alik.info/p/126

 

위 링크를 참조하세요.

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

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

p
pwm417
7년 전
정말 감사합니다!!!

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

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

로그인