2012-06-04 3 views
0

를 통해 호버 페이드 효과 :나는이 클래스를 가지고 jQuery를

#right_menu a { 
    color: #002C6A; 
    display: block; 
    font-family: 'DINPro-Bold'; 
    font-size: 15px; 
    height: 20px; 
    padding: 15px 0 15px 95px; 
    width: 205px; 
} 

그리고이 호버 CSS : 제대로 작동

#right_menu a:hover { 
    color: #FFF; 
    font-size: 15px; 
    font-family: 'DINPro-Bold'; 
    background-color:#002C6A; 
} 

. 그러나 나는 hover를 원할 때 jQuery를 통해 페이드 효과를 얻고 싶습니다. 어떻게해야합니까?

+1

['fadeIn'] (http://api.jquery.com/fadeIn/) 및 ['fadeOut'] (http://api.jquery.com/fadeOut)에 대해 읽어보십시오. /) jQuery 워드 프로세서. – VisioN

+0

@VisioN 읽었습니다. 감사합니다. 하지만 내 파일을 다루지 않아. 어쩌면 내가 잘못하고있는 것 같아. 그래서 샘플을 봐야합니다. – Karmacoma

+0

@ user1213807 : 이미 시도한 것을 게시하고 더 나은 도움을 얻으십시오. –

답변

0

이 JS 파일 jquery-ui-1.8.11.min.js를 사용하면 도움이 될 것입니다.

+1

이 파일을 가지고 있습니다 : js/jquery-ui-1.8.20.custom.min.js? m53h8b – Karmacoma

2

헤드 섹션에 JS 파일이 누락되었을 수 있습니다.

+1

실제 위치에있는 내 js 파일. – Karmacoma

+0

콘솔 참조 (Google 크롬에서 f12) –

+0

이 오류는 : nanpx. 이게 뭐야? – Karmacoma

1

jquery 대신 css3 전환을 사용해 볼 수 있습니까? 무엇을해야 이초
'색상'는이 예에서,

#right_menu a { 
    transition: color 2s; 
    -moz-transition: color 2s; /* Firefox 4 */ 
    -webkit-transition: color 2s; /* Safari and Chrome */ 
    -o-transition: color 2s; /* Opera */ 
} 

'2 초'는 전환이 사용하는 시간 :

당신이 당신의 CSS에서이 문제를 배치해야한다는 것을 달성하기 위해 색이 바래다.

관련 문제