jquery로 서브메뉴 슬라이드 만들어 봤습니다. > 십년전오늘

십년전오늘

10년전 추억의 책장을 넘기며

jquery로 서브메뉴 슬라이드 만들어 봤습니다. 정보

jquery로 서브메뉴 슬라이드 만들어 봤습니다.

본문

http://dev.dppia.com/ecaritas/

메인메뉴에 마우스가 올라가면
서브메뉴가 스르륵~

jquery의 힘은 대단하군요..ㅋㅋ

댓글 전체

멋집니다! ㅎㅎㅎ
초보의 의견을 쪼금 드려보자면 메뉴간 이동시에 서브메뉴가 바로 나타나니까,
이전 서브메뉴와 새로운 서브메뉴가 겹치면서 약간 어색한 부분이 있는 거 같은데
반응 속도를 약간 늘려 주는 것도 좋을 거 같습니다. 0.2,3초 정도요.
dppia 짱 ㅎㅎ
저도 이걸 어떻게 할까 고민을 해봤었는데요
에니메이션을 적용하다보니..
이전 슬라이드가 사라지는 시간때문에 아쉽습니다.

지운아빠님 말씀처럼 0.2~3초 정도 딜레이를 주면 나으려나 한번 해봐야 겠습니다 ㅋㅋ
전도 좋고 지금도 좋아요. ㅎ
사실 저처럼 마우스로 메뉴 다 휘뤼뤽 해보는 사용자가 어디 있겠어요. ㅠㅠ
초짜의 허접한 의견에도 귀 기울여주시고 영광입니다.
딜레이는 없애셔도 될 거 같아요.
대신 메뉴간에 빈공간을 조금 주는 방법을 쓰는 것도 좋을 거 같습니다.
제이쿼리가 안 좋은게 hover out 되는 처리를 한번이라도 그 영역에 닿았으면 무조건 실행이 되더라구요. 예를 들어 갤러리 같은 경우로 치자면 사진이 수십장 있어서 마우스를 빠르게 왔다갔다 해보면 마우스가 지나간 곳은 아무리 뒤늦게라도 효과를 한번씩 다 주더라구요.
제 내공 부족이겠지만, 아무튼 그런 점이 메뉴바 구성할 때 나타나서 위와 같은 의견을 내게 된 거 같습니다. ㅎㅎㅎ
쓰고나서 다시 보니 이런 경우라면 공백을 주더라도 쉬이 해결될 문제는 아닌 거 같기도 하네요. ^^;;
작고 사소한 거라도 귀기울이기가 쉽지 않은데 감사합니다. 저도 또 한번 생각을 해보게 됐네요.
해결하였습니다 ㅋㅋ
다 방법이 있네요..^^

해결법은
이벤트 큐에 쌓여있는 다른 메뉴들의 액션큐를 비워버리고..
현재 진행형인 액션은 멈추고 없에 버리니까 중복되는게 사라지네요^^

코드는 아주 간단합니다.
다른 모든 메뉴들에 대해서
$(this).clearQueue().stop().width("0px");
이렇게 해버리면 되네요^^
이쁜데 서브메뉴에 오버시 오버효과 간단한것을 해주면 더 좋을듯 합니다. ~
underline 이라던지 bold 되게.. ^^;; 그럼 서브메뉴가 더 눈에 잘 들어올듯 합니다 ~
전체 321
십년전오늘 내용 검색

회원로그인

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