2011-01-17 3 views
2

안녕하세요. 이것은 충분히 쉬운 것처럼 보이지만, 어떤 이유로 나는 그것을 함께 결합하는 데 어려움을 겪고 있습니다. div가 0 불투명도에서 50 % 불투명으로 페이드 아웃하고 멈추는 애니메이션 "페이드 인"효과를 만들고 싶습니다.jQuery에서 어떻게 부분적으로 페이드 인합니까?

는 지금까지 내가 이해 :

var duration = 1000; 
$('#mydiv').fadeIn(duration); 

이 제한없이 옵션, 100 %로 사업부를 사라질 것이다.

마무리 불투명도를 설정하는 우아한 방법이 있습니까?

+2

그런 긴 설명이 필요할 때 나는 그것을 싫어한다 .... 모든 대답은 1 라이너이다. – Webnet

+0

잔인한 아이러니는 질문이 나아질수록 더 많이 배울 수 있다는 것이다. jQuery 소스 코드를 가지고 노는 경우 더 짧은 질문을하게 될 것입니다. 그가 jsfiddle에 대해 알고 있다면 그는 아마도 우리에게 문제, 기타 등등에 대한 실제 예제를 가지고있을 것입니다. – Incognito

답변

3

.fadeTo();

그게 전부입니다.

http://api.jquery.com/fadeTo/


당신은 IE와 알파 채널에 문제를 알 수 있습니다.

이들은 FF, 크롬 및 나머지 사랑스러운 ...

opacity:0; 
-moz-opacity:0; 

IE는 이것을 볼 것으로 예상 : 0.5로 설정 두 번째 매개 변수와

filter:alpha(opacity=x). 
8

나는 fadeTo() 방법을 사용한다고 생각합니다.

1

조건부 다른 브라우저를 추가 할 필요가 없습니다 - jQuery를가 IE와 파이어 폭스의 불투명도를 처리 할 단지 표준 불투명도 호출을 사용하여 :

$('#mydiv').animate(
    { 
     opacity : 0.5 
    }, 500 
); 

그리고 그래, 언급 한 다른 사람처럼 fadeTo를 사용합니다.

+1

구성 별칭이 아닌 .animate를 사용하고 있기 때문에 실제로 답장을 더 좋아합니다. jQuery를 사용하면 $ .pax와 같은 것들이 실제로 $ .ajax 구성 일 때 존재합니다. – Incognito