jQuery 애니메이션 메뉴로 하이퍼 링크를 이동 하시겠습니까?

Question

현재 시험 프로젝트를 진행 중이며,이 학생은 animated jQuery navigation입니다.

<li> 요소 위로 마우스를 가져갈 때 표시되는 메뉴 아이콘 위로 마우스를 가져 가면 흰색의 텍스트 색을 만들고 싶습니다.

나는 모든 것을 시도했지만 해결책을 찾지 못했습니다.

Demo

Stylesheet

예 : Forside위에 마우스를 사용하는 경우 (텍스트가 흰색), 다음 백악관 아이콘 위에 마우스를 가지고, 당신은 볼거야 텍스트가 흰색에서 검은 색으로 바뀝니다. 나는 그것이 백인이되고 싶다. 참고 : 진절머리 나는 색이나 레이아웃을 신경 쓰지 마라, 당장 나는 메뉴에 초점을 맞추고있다.

누구나 문제가 해결 되었습니까?

미리 감사드립니다.

Answer 1

대답은 위의 작업을 수행합니다

리하십시오 {색상 가져 : 흰색을 중요한;! }

또한 프로그래밍 흰색으로 설정 색 속성 클래스를 설정하는 "대상"말의 클래스 사업부와 앵커 태그를 둘러싸고, 다음 jQuery를 사용하여 사업부를 대상으로 할 수

:

$('.target').hover(function(){ 
$(this).children(':first-child').toggleClass('className'); 
}, function(){ 
$(this).children(':first-child').toggleClass('className'); 
}); 

그런 것 같지만 CSS 방식이 훨씬 쉽습니다 :)

Answer 2

와우, 나는 이것이 이처럼 어려운 작업이라고 상상하지 못했습니다. 다음은 우아한 솔루션이 아닐 수도 있지만, 그것은 작동 :

li:hover a { color: white !important; }