2012-02-13 2 views
0

안녕하세요. 저는 프로젝트에서 일하고 있으며, 모든 것을 배우기 위해이 모든 작업을 시도하고 있습니다. 나는 일을하는 코드를 찾는 것이 아니라 이것이 어떻게 행해지는지에 대한 설명을 찾고있다.CSS : 호버 드롭 다운. 포인터가 필요합니다.

내가 작업하고있는 페이지는 http://dev.davydsoft.com/playing.html

는 내가하고 싶은 것은 당신이 사진 위로 맨 위에 마우스를 가져 가면 드롭 다운 "메뉴"이미지를 가지고하는 것입니다. 이것은 영감을 얻었고 트위터 바에 의해 영감을 얻었습니다. 트위터 바에서 사용자 이름을 클릭하면 해당 드롭 다운 목록이 나타납니다.

저는 많은 예제를 가지고 놀았으며 어떤 이유로 든 나를 클릭하지 않을 것입니다.

모든 포인터가 좋을 것입니다.

답변

0

스택 오버플로에 오신 것을 환영합니다! 나는이 페이지의 첫 번째 튜토리얼에서 살펴하는 것이 좋습니다 것입니다 :

http://webdesignerwall.com/tutorials/jquery-tutorials-for-designers

이 보여주고 숨겨진 HTML 요소를 숨길 JQuery와 (자바 스크립트)를 사용하는 방법에 대해 설명합니다.

css 전용 솔루션을 찾으려면 "css suckerfish menu"를 검색하십시오.

+0

나는 마침내 내가 찾고있는 것을 얻었다. JQuery.slideToggle. dev.davydsoft.com – xandout

0

당신은 스타일과 HTML

+0

JS가 반드시 필요한 것은 아닙니다. css3로 애니메이션을 만들 수도 있습니다. – elclanrs

+0

OK 마침내 내가 찾고있는 것을 얻었습니다. JQuery.slideToggle. dev.davydsoft.com – xandout

0

에 대한 호버 이벤트 CSS에 대한 자바 스크립트를 필요로하는 것은 한 번 봐 유무 : 기본적으로 http://net.tutsplus.com/tutorials/html-css-techniques/how-to-build-a-kick-butt-css3-mega-drop-down-menu/

을, 당신은 단지 안내를 원하는 경우, 다음과 스타일을하는 방법으로 찾기 시작 : 선택기를 가져.

+0

OK 마침내 내가 찾고있는 것을 얻었습니다. JQuery.slideToggle. dev.davydsoft.com – xandout