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

탭(Tab)키로 이동시 하위 메뉴가 나오게 하려면

· 12년 전 · 1555 · 6
tab_move.png
탭키를 눌러서 그누보드, 영카트 메뉴로 이동하면

하위 메뉴가 나오는데. (스샷 참고)


이걸 어떻게 구현하나요?

댓글 작성

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

로그인하기

댓글 6개

12년 전
1. 미리 하위메뉴를 만들어 놓고 CSS에서 display:none; 과 같은 속성을 주어 안보이게 한다.
2. 상위메뉴에 mouseover 이벤트 발생 시 show() 한다.
3. 상위메뉴에 mouseout 이벤트 발생 시 hide()한다.
제이쿼리를 사용해야 하는군요.
인터넷 검색으로 위같은 효과 적용된 샘플 많이 돌아다닙니다. 참고 하시길
샘플 사이트를 가르쳐 주실 수 없나요? ;;
두분 답변 감사합니다.
저는 메뉴를 이미지로 자주 사용하다보니 마땅히 소스 찾기가...
http://www.blueb.co.kr/blueb/javascript.php?mid=5&p=7&r=view&uid=40205
난 홈페이지를 가운데 정렬하는걸 좋아하다보니 하위메뉴가 가로로 출력되는 소스들은 대부분 모니터의 해상도의 영향에서 자유롭지가 못해서 세로로 출력되는 이 소스를 주로 많이 이용합니다.
다운로드는 http://blog.naver.com/chungmong?Redirect=Log&logNo=70079297557

게시글 목록

번호 제목
284508
284499
284492
284490
284484
284481
284478
284476
284474
284472
284470
284458
284457
284454
284453
284447
284446
284444
284441
284440