묻고답하기
바노바기 홈페이지에 퀵메뉴 소스 비슷한거 있으신분 계신가요?
2014.08.08 04:08
http://www.banobagi.co.kr/main/default.asp
바노바기 홈페이지 우측에보시면 퀵메뉴라고 누르면 옆에서 튀어나오는 메뉴가 있지요
그냥 따라다니는 메뉴는 jquery 소스를 가지고있는데 저렇게 누르면 옆에서 나오게하는 소스를 모르겠네요
바노바기 홈페이지에서 소스보기해서 소스 추출(?)해가지고 해보려고해도 수정하기 너무힘들게해놨더라구요!! ( jquey 소스 가져와서 색상, 글자만 바꾸는 초보가하기에는ㅜ.ㅜ ) 추출한것은 첨부파일에 첨부했어요!
혹시 비슷한 소스 어디에있는지, 혹은 가지고 계신분 있으신가요?ㅎㅎ;;
질문글 읽어주셔서 감사합니다.
어떤 것이든 클릭하면 그 요소의 css 중 display를 none로 바꾸고
원래 none였던 요소를 block등으로 바꿔주면 되죠.
이건 jquery로 해도 되고 javascript로 해도 됩니다.
jQuery('#quickmenu').click(function(e) {
jQuery('#quickmenu').css({'display':'none'});
jQuery('#quickmenufull').css({'display':'block'});
});
<div id=''quickmenu' style="display: block;">퀵메뉴 버튼내용 어쩌고 저쩌고</div>
<div id=''quickmenufull' style="display: none;">퀵메뉴클릭하면 나올 거</div>
css는 알아서 먹여주시구요.. 위치 등등을 잡아야 하니까요...