상단 메뉴 바 마우스 오버 효과 질문!
본문
안녕하세요! 현재 홈페이지 구축해보며 실습중입니다.
오늘은 상단메뉴 작업을 해보려고 하는 도중 정보를 찾아봐도 없어서 질문 남깁니다.
상단 메뉴에 마우스를 오버할 경우 모든 메뉴의 서브 메뉴까지 한번에 출력되도록 하려합니다.
예시 이미지로 넥슨사의 서든어택 페이지의 메뉴 마우스오버시 캡쳐사진을 올립니다!
이런식으로 구성하려 하며 현재 제 홈페이지에 적용된 소스는 그누보드 기본 메뉴 소스입니ㄷ다...
어떻게 해야 될까요...?
답변 2
sir.kr 에 테마들의 샘플 주소를 들어가서 내가 원하는 모션을 가진 사이트를 선별해 테마를 다운받습니다.
1. 다운 받은 테마를 베이스로 홈페이지를 바꾼다. (이후 원하시는 디자인을 꾸며 가는거죠)
2. 해당 부분의 소스를 해석하고 관련 소스만 가져와서 현재 홈페이지에 적용한다. (오류 시에는 css 중복값 , 제이쿼리 버전 등등 확인 처리)
3.
제이쿼리 + css + php + mysql 능숙하시면
제이쿼리 예제 사이트들 돌아다니시면서 맘에 드는 소스 다운 받은 후
직접 php 로 짜시는것도 좋습니다.
제가 처음 sir 접할때 과정입니다.
1단계를 거쳐 2단계, 지금은 3단계 까지 왔습니다.
우리 전체메누 레이아웃 잡아서 hidden잡고
마우스.오버시 hidden 잡아 놓을걸 보이게.하면 됩니다
-------------------------------------------------------------------------------------------------------------
더 자세한 내용이 궁금하시면 여기 방문하세요
같이 얘기나누며 문제해결에 도움이 되도록 하세요