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

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

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


이걸 어떻게 구현하나요?

첨부파일

tab_move.png (78.2 KB)
0회 2013-08-07 10:36
|

댓글 6개

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
댓글을 작성하시려면 로그인이 필요합니다.

그누4 질문답변

그누보드4 관련 질문은 QA 로 이전됩니다. QA 그누보드4 바로가기 기존 게시물은 열람만 가능합니다.

+
제목 글쓴이 날짜 조회
12년 전 조회 896
12년 전 조회 3,304
12년 전 조회 992
12년 전 조회 1,003
12년 전 조회 946
12년 전 조회 1,662
12년 전 조회 1,054
12년 전 조회 1,542
12년 전 조회 1,598
12년 전 조회 1,612
12년 전 조회 1,176
12년 전 조회 1,553
12년 전 조회 1,635
12년 전 조회 1,473
12년 전 조회 1,785
12년 전 조회 1,601
12년 전 조회 1,008
12년 전 조회 883
12년 전 조회 1,772
12년 전 조회 819